1.用create-react-app xxx创建项目

创建项目

查看安装版本
2.因默认安装的是@2.x的版本,兼容性不高,因此我们需要降级到@1.x的版本,首先卸载react-scripts,重新安装@1.x的版本

卸载react-scripts

卸载成功之后
3.卸载成功之后,重新安装react-scripts@1.x

重新安装@1.x版本

成功降级
4.生成配置文件 cnpm run eject(此处不可逆)

5.配置less,首先安装less,less-loader

6.配置less加载文件,在config文件的dev下配置less加载文件
与css类似,将CSS的复制一份,然后改成less。配置成功之后,就可以加载less文件

less配置
7.安装antd-mobile

安装antd-mobile

antd-mobile按需加载
8.在package.json文件中配置antd-mobile

9.cnpm run build ,此时会报一个浏览器的错误,如下

10.解决此错误,只需要将package.json里面的browserslist删除既可

11.重新cnpm run build ,全部环境即配置完成。