vue-cli 3.5.3, postcss-pxtorem不生效

84 阅读1分钟

经过查找之后,发现根节点的fontSize会动态变化,随后认为是在vue.config.js中的配置有问题,网络上能找到一些配置,但是在这个版本都有些问题,我自己尝试加上请教前辈之后试出来一种成功的写法,大伙直接c过去就好了

module.exports = {
        // 修改css属性即可
	css: {
		// 是否使用css分离插件 ExtractTextPlugin
		extract: true,
		// 开启 CSS source maps?
		sourceMap: false,
		// css预设器配置项
		loaderOptions: {
			postcss: {
				plugins: [
					require('postcss-pxtorem')({
						rootValue: 16, // 设计稿尺寸 / 10
						propList: ['*'],
						selectorBlackList: ['html', 'body'],
						minPixelValue: 2
					})
				]
			}
		},
		// 启用 CSS modules for all css / pre-processor files.
		modules: false
	},
}