1.安装依赖
npm i lib-flexible postcss-pxtorem -s
2.暴露配置后在 config->webpack.config.js 进行配置(暴露前在node_modules 下面的react-scripts/config/webpack.config.js)
在50行前添加下面代码
const px2rem = require('postcss-pxtorem');
3.在webpack.config.js 搜索: postcssOptions 把以下代码添加到图片位置
px2rem({ rootValue: 75, unitPrecision: 5, propList: ['*'] })
4.引入 lib-flexible:在入口文件index.js中引入lib-flexible文件
import 'lib-flexible'
5.在 public->index.html 文件里把下面代码注释掉
6.配置完后重启项目
npm start