如何結合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