# 打包部署

# H5 端

# 1. 确认使用的环境配置文件

如打包公司测试环境，则配置好.env.test中的内容项(如接口地址等)。查看配置文件如何配置

# 2. 更改上下文跟包名

上下文跟：修改配置文件中的 VUE_APP_CONTEXT_ROOT
包名（暂不支持通过配置文件直接更改）：
1. 打开 package.json，找到对应的编译命令的相关代码，如 npm run build:h5，则找到build对应行代码
```
{
    "build:h5": "cross-env NODE_ENV=test UNI_PLATFORM=h5 UNI_OUTPUT_DIR=bdmobile vue-cli-service uni-build --mode test --minimize"
}
```
1. 更改UNI_OUTPUT_DIR的值，如需要将编译后的包名更改为packageDemo，则更改如下
```
{
    "build:h5": "cross-env NODE_ENV=test UNI_PLATFORM=h5 UNI_OUTPUT_DIR=packageDemo vue-cli-service uni-build --mode test --minimize"
}
```
提示

如果没有UNI_OUTPUT_DIR，可以直接添加

# 执行打包命令

打包公司测试环境(使用.env.test)时，打包命令为

npm run build
// 或者
npm run build:h5

打包生产环境(.env.prd)时，打包命令为

npm run build:h5:prod

# 发布

一般使用容器云平台进行发布

新增 Dockerfile 文件，文件内容

FROM fbpt/nginx:1.16.1
ADD bdmobile /opt/bdmobile/

其中 bdmobile 为上下文跟，使用容器云发布最好是上下文跟与包名保持一致

其他方式发布
略

# 小程序端

# 1. 确认使用的环境配置文件

如打包公司测试环境，则配置好.env.test中的内容项(如接口地址、微信小程序APPID等)。查看配置文件如何配置

# 执行命令

测试环境

npm run build:mp-weixin
# 编译完成后，再执行
npm run async:build

正式环境

npm run build:mp-weixin:prod
# 编译完成后，再执行
npm run async:build

# 发布

启动 微信开发者工具
使用微信开发者工具开发 项目目录/dist/build/mp-weixin 文件夹
点击微信开发者工具的发布菜单

← 环境变量配置