react的create-react-app移动端rem适配

傲视之巅

1. 装置：

1. npm install lib-flexible postcss-pxtorem -S

复造代码

2. 引进

正在项目进口文件index.js引进lib-flexible

1. import 'lib-flexible';

复造代码

3. 修正webpack.config.js

3.1 初初化设置

1. npm run eject

复造代码

这时候候大要会报错

打点计划
git init
git add .
git commit -m 'init'
3.2. 修正webpack.config.js

先引进：

1. const pxtorem = require('postcss-pxtorem')

复造代码

 然后找到postcss-loader 改换一下，正文的部门参加

1. {
2.   loader: require.resolve('postcss-loader'),
3.   options: {
4.     ident: 'postcss',
5.     plugins: () => [
6.       require('postcss-flexbugs-fixes'),
7.       require('postcss-preset-env')({
8.         autoprefixer: {
9.           flexbox: 'no-2009',
10.         },
11.         stage: 3,
12.       }),
13.       postcssNormalize(),
14.       // 新增长---------------------------------------------
15.       pxtorem({
16.         rootValue: 37.5,
17.         propWhiteList: [],
18.         minPixelValue: 2,
19.         exclude: /node_modules/i
20.       })
21.       //--------------------------------------------------
22.     ],
23.     sourceMap: isEnvProduction && shouldUseSourceMap,
24.   },
25. },

复造代码

这时候候会报错大要是版本太高
打点思绪：
https://www.cnblogs.com/liangziaha/p/14492288.html
打点计划：
npm i postcss-pxtorem@5.1.1

免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！