react 移动端适配

1. 下载相关依赖插件

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

2. 配置px2rem

1.在 node_modules/react-scripts/config/webpack.config.js 下做如下配置

3.配置public/index.html

 // 添加 meta
 <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />

4.配置入口文件index.js

// 引入 lib-flexible
import 'lib-flexible';

5. 重启项目

 nmp run start
 // 或
 yarn start