react+flexible適配移動端項目的配置

配置以前首先要知道create-react-app建立的項目默認是不對外暴露配置信息的，全部的配置信息能夠在node_modules/react-scripts下面看到

1. 安裝flexible

npm i lib-flexible --save
複製代碼

2.安裝 sass-loader node-sass

npm i sass-loader node-sass --save-dev
複製代碼

3.安裝 postcss-px2rem

npm i postcss-px2rem --save
複製代碼

4.在 node_modules/config/webpack.config.js 下作以下配置：

引入
 const px2rem = require('postcss-px2rem');
 px2rem({ remUnit: 75 })
複製代碼

5. 引入 lib-flexible，在項目入口文件 index.js 裏 引入 lib-flexible

import 'lib-flexible'
複製代碼

6.從新啓動下項目完成配置