react工程化項目搭建主流技術 umi3.0(或者<3.0版本)+ dva + antd構建項目流程


umi+ dva + antd構建react工程項目(組件化開發搭建項目)
1.官方網站安裝node.js(並確保 node 版本是 10.13 或以上)
2.先確保安裝成功npm或者yarn
3.npm i yarn tyarn -g (國內源)
4.如果你沒有 npx,需要先安裝它,用於執行 node_modules 下的命令 yarn global add npx
5.開始構建項目先區分版本:

umi 3.0后也就是目前最新版本

mkdir myapp && cd myapp (新建建個項目目錄並進入項目目錄)

yarn create @umijs/umi-app (通過官方工具創建項目)

yarn (安裝依賴)

yarn start (啟動項目)

默認的腳手架內置了 @umijs/preset-react,包含布局、權限、國際化、dva、簡易數據流等常用功能。比如想要 ant-design-pro 的布局,編輯 .umirc.ts 配置 layout: {}

yarn build (構建) 部署發布--->把 dist 目錄部署到服務器上


3.0以下的版本--->參考 https://umijs.org/zh-CN/docs/upgrade-to-umi-3 配置
Umi 2.x 版本升級到 Umi 3.x 版本

mkdir myapp && cd myapp

yarn create umi

選擇 project ----> 選擇是否使用 TypeScript ----> 然后,選擇你需要的功能 antd dva 等

yarn (安裝依賴)

yarn start (啟動項目)

更多配置參考官網文檔 https://umijs.org/zh-CN/docs/getting-started

 


免責聲明!

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



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