新版react中px转rem(webpack创建的项目)

1.安装postcss-pxtorem

npm i lib-flexible postcss-pxtorem -s

2.在src目录下index.js里引入lib-flexible

import "lib-flexible";

3.修改webpack.config.js（这个文件在node_modules文件夹下的react-scripts文件夹下的config文件夹中）

先引入

const pxtorem = require('postcss-pxtorem');

然后找到下图位置添加如下代码（因为这里是三元运算符，所以要加两次）

pxtorem({ rootValue: 75, unitPrecision: 5, propList: ['*'] })