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"
  ]

貌似有人遇到过bug,说配置不起作用,解决办法为:改为 last 7 versions

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

你可能感兴趣的:(vue项目中autoprefixer的配置)