postcss配置文件优先级的问题

2021-03-30 04:28

阅读:704

标签:cto   query   pos   blacklist   orb   pre   pixel   lis   style   

在使用postcss-px-to-viewport这个组件时,发现了postcss.config.js中的配置总不生效,但是在vue.config.js中的配置却能生效,最后查明原因,是因为package.json中的postcss节点配置是一个空“{}”。

所以总结了下面的一个优先级的分布情况:

  vue.config.js中postcss节点,优先级最高

 css: {
        loaderOptions: {postcss: {
                plugins: [
                    require("postcss-px-to-viewport")({
                        unitToConvert: "px",
                        viewportWidth: 750,
                        unitPrecision: 3,
                        propList: [
                            "*"
                        ],
                        viewportUnit: "vw",
                        fontViewportUnit: "vw",
                        selectorBlackList: [],
                        minPixelValue: 1,
                        mediaQuery: false,
                        replace: true,
                        exclude: /(\/|\\)(node_modules)(\/|\\)/,
                    })
                ]
            }
        },
    }

package.json文件中postcss节点的配置,优先级中

postcss.config.js外置配置文件,优先级最低

 

所以在设置postcss适配配置文件的时候,会有优先级相互覆盖的问题,请注意!

postcss配置文件优先级的问题

标签:cto   query   pos   blacklist   orb   pre   pixel   lis   style   

原文地址:https://www.cnblogs.com/Brose/p/12598862.html


评论


亲,登录后才可以留言!