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 })

react+flexible适配移动端项目的配置_第1张图片
react+flexible适配移动端项目的配置_第2张图片

react+flexible适配移动端项目的配置_第3张图片

5. 引入 lib-flexible,在项目入口文件 index.js 里 引入 lib-flexible

import 'lib-flexible'

react+flexible适配移动端项目的配置_第4张图片

6.重新启动下项目完成配置

你可能感兴趣的:(react)