移动端适配方案px2rem

移动端的适配方案

React

1. 暴露webpack配置，即 react-scripts 包

npm run eject

⚠️ 在运行该命令的时候，要先将已经修改的文件提交到本地仓库中，否则会报错！

2. 安装项目项目需要的包 lib-flexible 、 postcss-px2rem 和 postcss-loader：

npm install postcss-px2rem lib-flexible --save
npm install postcss-loader --dev

3. 在项目的 public/index.html 入口文件添加

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

4. 然后在项目入口文件 index.js 中引入 lib-flexible

import "lib-flexible" ;

5. 接着，在项目config目录下的 webpack.config.js 中引入 postcss-px2rem

const px2rem =