## 問題:

.postcssrc.js配置關(guān)于不配置autoprefixer,描述錯(cuò)誤

## (2)視頻:

第1天,08視頻,第30分鐘

## (3)詳情:

這里.postcssrc.js中plugin不能省略配置autoprefixer,因?yàn)槿绻慌渲?vue-cli是不會(huì)主動(dòng)添加上autoprefixer,并且根據(jù)報(bào)錯(cuò)信息配置應(yīng)該為

```

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才會(huì)加上autoprefixer插件,如果自己有了配置文件,需要手動(dòng)加上autoprefixer插件

? ? ? loaderOptions.postcss = {

? ? ? ? postcssOptions: {

? ? ? ? ? plugins: [

? ? ? ? ? ? require('autoprefixer')

? ? ? ? ? ]

? ? ? ? }

? ? ? }

? ? }

```