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/ } } }
- postcss-pxtorem postcss pxtorem config 问题postcss-pxtorem postcss pxtorem config postcss-pxtorem postcss pxtorem问题 postcss-pxtorem postcss postcss-px-to-viewport postcss-pxtorem postcss-pxtorem lib-flexible flexible分辨率 postcss-pxtorem前端 插件 屏幕 postcss-pxtorem postcss pxtorem方案 containerd镜像config问题 目录config问题build pxtorem