# 构建部署

当项目开发完毕，可以执行下面的命令构建项目：
```bash
yarn build:[prod] # 这里可以替换成你的环境变量
```
编译中
![](../.vuepress/public/img/build.png)
编译完成后是这样的
![](../.vuepress/public/img/builddone.png)
VueCli默认生成的目录是dist，在Pro项目中我们将此修改为了与项目同名的文件夹，你也可以在项目根目录下的vue.config.js中进行修改
```javascript
const packageConfig = require('./package.json')
module.exports = {
  // ......
  outputDir: packageConfig.name // 你可以在此修改构建目录名称
  // ......
}
```