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

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

创建项目
查看安装版本

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

卸载react-scripts
卸载成功之后

3.卸载成功之后,重新安装[email protected]

重新安装@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 ,全部环境即配置完成。

你可能感兴趣的:(React配合antd-mobile框架环境搭建)