antd mobile安裝步驟


1. npm install -g create-react-app

2. create-react-app my-app

3. cd my-app

4. npm start

5. npm install antd-mobile --save

6. 入口頁面 (html 或 模板) 相關設置:(參考:https://mobile.ant.design/docs/react/introduce-cn#3.-%E4%BD%BF%E7%94%A8)

7. npm install react-app-rewired --save-dev (對應packpage.json修改以及創建config-overrides.js 參看此網址:https://mobile.ant.design/docs/react/use-with-create-react-app-cn)

8.npm install babel-plugin-import --save-dev( config-overrides.js的修改參看7的網址)

9. npm install --save react-app-rewire-less  

10. npm install --save-dev less-loader less

 

注:這是在不用npm run eject暴露其他配置的前提下,安裝less;如果執行該操作,再啟動項目時會有報錯,也有提出再npm install一下就可以了(沒有試這個方法);

      官方給出的例子時沒有暴露配置的(地址:https://github.com/ant-design/antd-mobile-samples/tree/master/create-react-app)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM