react項(xiàng)目配置rem
npm?install?react-app-rewired?customize-cra?--save-dev
安裝postcss-pxtorem時(shí),?建議安裝5.1.1版本的,?6.0.0以上版本存在兼容性問題
npm?i?postcss-pxtorem@5.1.1?--save-dev
npm?i?lib-flexible?--save-dev
先更改package.json的scripts
"scripts":?{
??"start":?"react-app-rewired?start",
??"build":?"react-app-rewired?build",
??"test":?"react-app-rewired?test?--env=jsdom"
},
然后在根目錄下創(chuàng)建config-overrides.js文件,?并且寫入以下代碼
module.exports?=?override(
??addPostcssPlugins(
????[require('postcss-pxtorem')({?
????????rootValue:?37.5,?
????????propList:?['*']
??})])
)
在index.引入lib-flexible
import?'lib-flexible/flexible'
