1.用create-react-app xxx創(chuàng)建項目

創(chuàng)建項目

查看安裝版本

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 ，全部環(huán)境即配置完成。