概述

当项目开发结束需要发布到测试环境以供测试或者客户UAT。这时候，你可以通过右键-项目构建发布进行项目的构建发布

提示

支持: 后台管理系统移动端H5 微信小程序项目

构建发布支持两种方式：

命令行发布
package.json 右键发布

命令行发布

你可以通过命令行快捷执行发布。

1. CTRL + SHIFT + P(MacOS 为CMD + SHIFT + P)唤起命令行面板。输入 wmeimob:项目构建发布
1. [可选] 如果时pnpm workspace项目。提示选择需要发布构建的项目。
1. 选择构建命令（默认支持了build、uat类命令）。
1. 选择构建模式。构建模式支持三种：
  - （默认）构建 + 发布。执行发布构建命令并将打包后的文件上传至服务器
  - 仅构建。仅执行构建命令。相当于你自行运行构建命令
  - 仅发布。仅仅执行上传至服务器操作。这在你构建成功后发布失败，亦或是构建+发布模式中断后不想重复打包时会很有用
1. 等待插件自动执行构建并上传

信息

构建信息也会写入到项目根目录的package.json中。你可以安全的提交记录到git仓库中。并且插件支持鼠标悬浮跳转地址

警告

构建过程中如果出现了未找到默认输出目录构建产物。请确认构建是否执行成功或手动指定output之类的错误。请先尝试在本地cmd中执行相同的命令。看构建是否报错。如果没有问题。可以联系架构部。

信息

构建类型: 插件对公司构建命令做了深度的适配。在构建小程序或者h5时。会自动判断类型。如果无法识别。则会弹窗提示你手动选择构建类型。

重要提示

资源存储区对于每个网站都会基于最后一次构建时间保留60天，到期即会回收删除。届时将不可访问。需要重新构建发布。所以， 不允许作为生产环境交付给客户使用

package.json 右键发布

操作步骤

1. 在项目 package.json 文件上进行右键。选择项目构建发布。
1. 选择构建环境（默认支持了build、uat类命令）。
1. 选择构建模式。构建模式支持三种：
  - （默认）构建 + 发布。执行发布构建命令并将打包后的文件上传至服务器
  - 仅构建。仅执行构建命令。相当于你自行运行构建命令
  - 仅发布。仅仅执行上传至服务器操作。这在你构建成功后发布失败，亦或是构建+发布模式中断后不想重复打包时会很有用
1. 等待插件自动执行构建并上传

上传成功后

如果是web类型项目，会提供一个链接，点击链接即可跳转到测试环境。
如果是微信小程序，会上传至微信公众平台。你可以登录到微信公众平台或在手机微信使用小程序助手查看，设置为体验版或提交审核。

小程序构建

关于小程序的构建方案。使用的官方命令行方式。

在使用前。你需要确保以下动作：

打开微信开发者工具中的服务端口。操作方式如下图:

官方命令行

微信开发者工具已经完成登录

发布构建配置

项目构建成功后。会在项目根目录下的 package.json 下写入构建的相关配置信息。你可以安全的将此文件提交到git仓储中

json

{
   "wmeimob": {
    "build": {
      "domain": "https://host.wmeimob.com",
      "outputs": [
        {
          "name": "pos", // 项目名称
          "key": "7bc8948edb47cdd242a59875d61a8e92", // 项目git + 项目名称 + 构建命令 => 生成的唯一hash 插件自动生成 不可修改
          "target": "dist", // 项目输出目录。 插件内置做了 taro/uniapp/umi/vue兼容适配。 如果你的项目不是这个。可以自行修改
          "command": "uat" // 构建命令 不可修改
        }
      ]
    }
  }
}

构建地址跳转

当插件构建上传完成后。在项目根目录的 package.json文件下的构建配置信息里面。将鼠标悬浮于key的位置 或者通过 CTRL + 鼠标点击 key。可以直接跳转打开当前发布地址

4mpiNXsoTeEx

概述 ​

命令行发布 ​

package.json 右键发布 ​

操作步骤 ​

上传成功后 ​

小程序构建 ​

发布构建配置 ​

构建地址跳转 ​

概述