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

发布时间 2023-06-01 09:40:32作者: 贝尔塔猫
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/
        }
    }
}