码迷,mamicode.com
首页 > Web开发 > 详细

postcss配置文件优先级的问题

时间:2020-03-30 16:02:49      阅读:85      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!