§ 构建部署版本
§ version目录说明
version 目录用于组织不同环境下的应用版本信息及其相关资源。位于前端工程的根目录下。其下按环境（如 development、production、sit、uat）进行分类，每个环境目录中包含具体应用的版本文件和工作资源。
.
├── version
│ ├── development # 开发环境
│ │ ├── fox_app # 应用目录
│ │ │ ├── configuration
│ │ │ │ └── client.properties # 环境配置文件
│ │ │ ├── workspace # 工作区
│ │ └── version.json # 版本描述文件
│ ├── production # 生产环境
│ │ └── ... # 与 development 结构一致
│ ├── sit # SIT 测试环境
│ │ └── ...
│ └── uat # UAT 用户验收测试环境
│ └── ...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
configuration/client.properties：用于保存当前环境的运行配置，其中的 web/mainApp 配置项决定了部署包中 workspace 目录下前端资源文件夹的名称。
§ 生成部署包
可以运行以下命令生成部署包:
npm run build:deploy:dev
# 或者
npm run build:deploy:prod
1
2
3
2
3
执行上述命令后，会将 version 目录下对应环境的应用文件拷贝至 dist 目录中，并完成构建流程。构建过程中还会自动执行资源编译、版本号更新、目录整理等操作。
§ 部署包结构如下
dist
└── development
├── fox_app
│ ├── configuration
│ │ └── client.properties
│ ├── workspace
│ │ ├── fox # 前端资源目录，名称由 client.properties 中的 web/mainApp 决定
│ │ └── resource
├── version.json
├── fox_app.zip
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
- fox_app.zip：将 fox_app 目录压缩生成的应用资源包；
- version.json：包含当前版本号、应用名称等元信息。
这两个文件即为最终的部署包，可用于外壳系统中的 H5 应用版本更新与分发。