react+flexible适配移动端项目的配置

配置以前首先要知道create-react-app建立的项目默认是不对外暴露配置信息的,全部的配置信息能够在node_modules/react-scripts下面看到css

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.从新启动下项目完成配置

相关文章
相关标签/搜索