react移动端H5初始化项目新开一个react移动端项目，从企业蓝信公众号点击跳转至新开发的页面。只配置了pxtore

`## 开始工作需要，新开一个react移动端项目，从企业蓝信公众号点击跳转至新开发的页面。记录如下（记录给自己以后需要再看）。

初始化项目

npx create-react-app app-name

如果很慢说明没有设置npm或yarn的registry

# npm命令
npm config set registry http://registry.npm.taobao.org/
# yarn命令
yarn config set registry http://registry.npm.taobao.org/

很基本的antd-mobile，axios， scss。

npm install --save antd-mobile
npm i axios
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
npm i sass-loader

将webpack配置文件提出来

npm run eject

4.安装px转化rem相关

npm i lib-flexible --save
npm i postcss-pxtorem

参考react安装postcss 解决移动端大小像素单位适配问题_oMoShiMoWang12345678的博客-CSDN博客

配置webpack

const pxtorem = require('postcss-pxtorem');

pxtorem({
  rootValue: 75, // 设计稿宽度的1/10,（JSON文件中不加注释，此行注释及下行注释均删除）
  propList: ["*"], // 需要做转化处理的属性，如`hight`、`width`、`margin`等，`*`表示全部
  exclude: /(node_modules)/  //不对 node_modules下的px做转化
}),

index.js中引入

import 'lib-flexible';//pxtorem配置需要

运行如下

图片高度转化了

页面宽度正常

初始化项目新建分支, 以后备用

这个分支只配置了pxtorem, scss。还没有配置路由，自定义axios，proxy转发等。