postcss-px2rem vite 编译无法生效的问题

原创于 2025-09-04 11:09:51 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#postcss #前端 #javascript

使用 @minko-fe/postcss-pxtorem 代替即可

pnpm i @minko-fe/postcss-pxtorem

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