## 如何构建
### 打包
1. 当业务开发完毕后,需要部署到服务器,这时候就需要执行打包
2. 进入Sword根目录,执行`npm run build`,等待打包完毕,我们会发现目录下多出了一个dist文件夹,这个文件夹下的内容就是我们后续需要部署到web服务器的代码了
![](https://box.kancloud.cn/29ae0670df96a2fbc508843b4d19cb40_976x1716.png)
3. 由于 Ant Design Pro 使用的工具[Umi](https://umijs.org/)已经将复杂的流程封装完毕,构建打包文件只需要一个命令`umi build`,构建打包成功之后,会在根目录生成`dist`文件夹,里面就是构建打包好的文件,通常是`*.js`、`*.css`、`index.html`等静态文件。。
如果需要自定义构建,比如指定`dist`目录等,可以通过`config/config.js`进行配置,详情参看:[Umi 配置](https://umijs.org/guide/config.html)。
<br>
### 分析构建文件体积
如果你的构建文件很大,你可以通过`analyze`命令构建并分析依赖模块的体积分布,从而优化你的代码。
~~~
$ npm run analyze
~~~
上面的命令会自动在浏览器打开显示体积分布数据的网页。