【構建和部署】2.2-構建

當項目開發完畢,只需要運行一行命令就可以打包你的應用:

npm run build

在這裏插入圖片描述

由於 Ant Design Pro 使用的工具 Umi 已經將複雜的流程封裝完畢,構建打包文件只需要一個命令 umi build,構建打包成功之後,會在根目錄生成 dist 文件夾,裏面就是構建打包好的文件,通常是 *.js*.cssindex.html 等靜態文件。

如果需要自定義構建,比如指定 dist 目錄等,可以通過 config/config.ts 進行配置,詳情參看:Umi 配置

1. 分析構建文件體積

如果你的構建文件很大,你可以通過 analyze 命令構建並分析依賴模塊的體積分佈,從而優化你的代碼。

npm run analyze

上面的命令會自動在瀏覽器打開顯示體積分佈數據的網頁。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章