美文网首页
反馈-postcssrc.js配置问题

反馈-postcssrc.js配置问题

作者: 黄金林 | 来源:发表于2021-03-05 15:54 被阅读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')

              ]

            }

          }

        }

    ```

    相关文章

      网友评论

          本文标题:反馈-postcssrc.js配置问题

          本文链接:https://www.haomeiwen.com/subject/uhykictx.html