之前做移动端的时候，网上搜索px转rem的插件
发现postcss-px2rem-exclude挺好用，只要配置下postcss.config.js就行
module.exports = {
'plugins': {
'postcss-px2rem-exclude': {
remUnit: 75,
exclude: /node_modules|folder_name/i
}
}
}
发现没有效果，然后然后百度网上资料发现发现。。。
需要注意的是：上述配置是脚手架自动生成的文件（并不是自己创建的），即在构建项目时，将babel的配置成单独的文件才可以，否则只能用package.json方式来配置
目前猜测是在构建项目时设置babel的配置成单独的文件时，项目里也封装了对postcss等文件的引用和处理
而假如在构建项目时没有设置babel的配置成单独的文件，那么项目里没有对postcss等文件的引用和处理，自定义的postcss.config.js 也就没有效果
如果再构建项目的时候选择将babel配置单独的文件，那么项目会自动生成：.eslintrc.js postcss.config.js babel.config.js .browserslistrc
如果在构建项目的时候没有将babel单独配置，那么就是不能通过创建postcss.config.js 文件的形式配置，
必须通过package.json配置
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px2rem-exclude": {
"remUnit": 100,
"exclude": "/node_modules|floder_name/i"
}
}
},
置于package.json配置中
————————————————
版权声明：本文为CSDN博主「PC_136」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/PC_136/article/details/106335541
