vuecli开发过程中一些不兼容的属性比如flex怎么自动加前缀

直接在package.json中修改一下配置，重新打包

本来是要在.postcssrc.js中修改autoprefixer配置的
但是vuecli下载后.postcssrc.js文件提示

module.exports = {
  "plugins": {
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {}
  }
}

// to edit target browsers: use “browserslist” field in package.json
让我们直接在package.json中修改browserslist就可以了

"browserslist": [
    "> 1%",
    "last 3 versions",
    "not ie <= 8",
    "chrome >= 14",
    "safari >= 3",
    "ios >= 8",
    "android >= 4.0"
  ]

完美解决flex在ios8版本不生效的问题
browserslist 里面的属性配置都兼容那些浏览器，下面的地址里面可以查看
browserslist 属性兼容浏览器条件筛选地址
ps.如果没有生效的话，重新 cnpm install 一下 在打包