vue脚手架搭建的项目配置autoprefixer

最近使用vue2来写移动端网页，在适配ios8的时候，发现flex布局不支持。因此在逐一添加css前缀的时候很恶心。虽然vue自带autoprefixer，但是在实际工作中需要自定义配置来适配更多的浏览器。

使用vue-cli创建项目后，找到跟不目录下的 .postcssrc.js 文件。 autoprefixer便配置在这个js文件中。 在这个文件中有一行注释

// to edit target browsers: use "browserslist" field in package.json

意思是让我们去修改package.json中的browserslist来求改浏览器支持。打开package.json文件，在最下面修改browserslist数组即可。例如：

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8",
    "ios >= 8",
    "android >= 4.0"
  ]