vue.config + postcss-pxtorem 安装与包装的问题

https://juejin.cn/post/7088133930674552868

 

不要写在 vue.config.js 里边，直接写在 postcss.config.js 里边即可。

 

pnpm i postcss-pxtorem

module.exports = {
    plugins: {
        autoprefixer: {},
        'postcss-pxtorem': {
            // 换算的基数
            rootValue: 16,
            // 忽略转换正则匹配项。插件会转化所有的样式的px。比如引入了三方UI，也会被转化。目前我使用 selectorBlackList字段，来过滤
            // 如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。
            // 过滤掉 「.norem」 「.ig」 「.px」 开头的class，不进行rem转换
            selectorBlackList: ['.norem', '.ig', '.px', '.PX'],
            propList: ['*'],
            exclude: /node_modules/
        }
    }
}