如何结合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的配置是为了方便书写路径而做的一部分简单的配置
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM