如何结合antd-mobile快速搭建一个react项目

首先 npx create-react-app 项目名

 

安装完毕以后文件里会出现这个东西

离线缓存的概念 当网络断了 呈现一个页面

 

组件库 ：react他蚂蚁金服的 ant.design  antd-mobile应用于移动端

vue 使用的是mintui不能应用于react 

PC端vue项目用的组件可以用element.io

 

然后安装这个包 进行脚本操作

 

然后修改下面的配置

 

 

因为安装了 react-app-rewired

所以都按照 这个的进行script脚本操作

 

 

 

 

创建如上图的 配置文件进行webpack的配置

 

首先配置 对于antd-mobile的按需加载 他是依赖于 ,  babel-plugin-import

所以需要先安装 

yarn add babel-plugin-import --dev

 

 

安装完毕需要 进行如下配置

其中config.resolve.alias的配置是为了方便书写路径而做的一部分简单的配置