--- order: 1 title: 構建 type: 構建和部署 --- ## 構建 當項目開發完畢，只需要運行一行命令就可以打包你的應用： ```bash $ npm run build ``` [](https://asciinema.org/a/198144) 由于 Ant Design Pro 使用的工具 [Umi](https://umijs.org/) 已經將復雜的流程封裝完畢，構建打包文件只需要一個命令 `umi build`，構建打包成功之后，會在根目錄生成 `dist` 文件夾，里面就是構建打包好的文件，通常是 `*.js`、`*.css`、`index.html` 等靜態文件。。 如果需要自定義構建，比如指定 `dist` 目錄等，可以通過 `config/config.ts` 進行配置，詳情參看：[Umi 配置](https://umijs.org/guide/config.html)。 ### 分析構建文件體積 如果你的構建文件很大，你可以通過 `analyze` 命令構建并分析依賴模塊的體積分布，從而優化你的代碼。 ```bash $ npm run analyze ``` 上面的命令會自動在瀏覽器打開顯示體積分布數據的網頁。