【vue】postcss-px2rem,postcss-px2rem-exclude,postcss-plugin-px2rem排除src下的文件
文章目录前言代码示例示例前言现在需要在一个h5web项目里面加个pc端的页面,然后写的时候发现里面引用了postcss-px2rem。开始项目里面配置的是postcss-px2rem;但是发现自己新写的页面里面Px都变成了rem,然后搜到了postcss-px2rem-exclude;接着,发现postcss-px2rem-exclud只能排除node_module下的文件,又搜了很久之后,发现了
·
前言
现在需要在一个h5web项目里面加个pc端的页面,然后写的时候发现里面引用了postcss-px2rem。开始项目里面配置的是postcss-px2rem;
但是发现自己新写的页面里面Px都变成了rem,然后搜到了postcss-px2rem-exclude;
接着,发现postcss-px2rem-exclud只能排除node_module下的文件,又搜了很久之后,发现了postcss-plugin-px2rem。
https://blog.csdn.net/qq_33144001/article/details/101029955
代码示例
我这里没添加rem.js
等配置,只改动了这一个文件。
每次改动需要重新启动项目才会生效。
exclude下的配置不能是字符串:‘abc’
.postcssrc.js
module.exports = {
"plugins": {
// to edit target browsers: use "browserslist" field in package.json
"postcss-import": {},
"autoprefixer": {},
"postcss-plugin-px2rem": {
propList: ['*'],
// 添加的代码
remUnit: 37.5,
// https://blog.csdn.net/qq_33144001/article/details/101029955
exclude: /node_modules|element-ui/i,
selectorBlackList: ['recruit-index']
}
}
}
示例
更多推荐
已为社区贡献17条内容
所有评论(0)