反馈-postcssrc.js配置问题
2021-03-05 本文已影响0人
黄金林
## 问题:
.postcssrc.js配置关于不配置autoprefixer,描述错误
## (2)视频:
第1天,08视频,第30分钟
## (3)详情:
这里.postcssrc.js中plugin不能省略配置autoprefixer,因为如果不配置,vue-cli是不会主动添加上autoprefixer,并且根据报错信息配置应该为
```
module.exports = {
plugins: {
autoprefixer: {
overrideBrowserslist: ['Android >= 4.0', 'iOS >= 8']
},
}
```
## (4)原理:
查看vue-cli中源码`https://github.com/vuejs/vue-cli/blob/b41ed76c5ce54c618587f24b9d14c35cf31a96d4/packages/%40vue/cli-service/lib/config/css.js`第68到76行
```javascript
if (!hasPostCSSConfig) { //如果没有配置文件,vue-cli才会加上autoprefixer插件,如果自己有了配置文件,需要手动加上autoprefixer插件
loaderOptions.postcss = {
postcssOptions: {
plugins: [
require('autoprefixer')
]
}
}
}
```