React配合antd-mobile框架环境搭建

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 ，全部环境即配置完成。