# 构建与发布

# 构建

当项目开发完毕,只需要运行一行命令就可以打包你的应用:

# 打包正式环境
yarn build
# or 
npm run build
1
2
3
4

构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,默认情况目录如下:


dist                  # 生产代码
├── css               # css资源
├── img               # 图片资源
├── js                # js资源
└── xxx.html          # 对应html页面

1
2
3
4
5
6
7

如果需要自定义构建,比如指定 dist 目录等,则需要通过 src/config/webpack.xxx.js 配置文件进行修改。

# 发布

对于发布来讲,只需要将最终生成的静态文件,也就是通常情况下 dist 文件夹的静态文件发布到你的 cdn 或者静态服务器即可。

TIP

然后再到你对应的后端模板引擎替换对应的页面即可。