react配置rem解决移动端适配问题

• 安装相关的依赖

npm i lib-flexible --save
npm i sass-loader node-sass --save-dev
npm i postcss-px2rem --save

• 然后打开项目中 config/webpack.config.js 进行配置
  

// 在配置文件中添加如下两行代码
const px2rem = require('postcss-px2rem');
px2rem({ remUnit: 75 })

• 在入口文件index.js中引入lib-flexible文件

import 'lib-flexible'

• 最后重启项目，打开控制台你讲会看到，说明rem配置成功