文章目錄
當項目開發完畢,只需要運行一行命令就可以打包你的應用:
➜ npm run build
由於 Ant Design Pro 使用的工具 Umi 已經將複雜的流程封裝完畢,構建打包文件只需要一個命令 umi build
,構建打包成功之後,會在根目錄生成 dist
文件夾,裏面就是構建打包好的文件,通常是 *.js
、 *.css
、 index.html
等靜態文件。
如果需要自定義構建,比如指定 dist
目錄等,可以通過 config/config.ts
進行配置,詳情參看:Umi 配置。
1. 分析構建文件體積
如果你的構建文件很大,你可以通過 analyze
命令構建並分析依賴模塊的體積分佈,從而優化你的代碼。
➜ npm run analyze
上面的命令會自動在瀏覽器打開顯示體積分佈數據的網頁。