之前做移動(dòng)端的時(shí)候,網(wǎng)上搜索px轉(zhuǎn)rem的插件
發(fā)現(xiàn)postcss-px2rem-exclude挺好用盗舰,只要配置下postcss.config.js就行
module.exports = {
'plugins': {
'postcss-px2rem-exclude': {
remUnit: 75,
exclude: /node_modules|folder_name/i
}
}
}
發(fā)現(xiàn)沒(méi)有效果俄占,然后然后百度網(wǎng)上資料發(fā)現(xiàn)發(fā)現(xiàn)道宅。魏滚。熟空。
需要注意的是:上述配置是腳手架自動(dòng)生成的文件(并不是自己創(chuàng)建的),即在構(gòu)建項(xiàng)目時(shí)竟纳,將babel的配置成單獨(dú)的文件才可以撵溃,否則只能用package.json方式來(lái)配置
目前猜測(cè)是在構(gòu)建項(xiàng)目時(shí)設(shè)置babel的配置成單獨(dú)的文件時(shí),項(xiàng)目里也封裝了對(duì)postcss等文件的引用和處理
而假如在構(gòu)建項(xiàng)目時(shí)沒(méi)有設(shè)置babel的配置成單獨(dú)的文件锥累,那么項(xiàng)目里沒(méi)有對(duì)postcss等文件的引用和處理缘挑,自定義的postcss.config.js 也就沒(méi)有效果
如果再構(gòu)建項(xiàng)目的時(shí)候選擇將babel配置單獨(dú)的文件,那么項(xiàng)目會(huì)自動(dòng)生成:.eslintrc.js postcss.config.js babel.config.js .browserslistrc
如果在構(gòu)建項(xiàng)目的時(shí)候沒(méi)有將babel單獨(dú)配置桶略,那么就是不能通過(guò)創(chuàng)建postcss.config.js 文件的形式配置语淘,
必須通過(guò)package.json配置
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-px2rem-exclude": {
"remUnit": 100,
"exclude": "/node_modules|floder_name/i"
}
}
},
置于package.json配置中
————————————————
版權(quán)聲明:本文為CSDN博主「PC_136」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議删性,轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明亏娜。
原文鏈接:https://blog.csdn.net/PC_136/article/details/106335541