Skip to content

构建、预览与上传

很多项目在“能开发”之后,第一次真正上线时才发现流程并不完整。

例如:

  • 本地 dev 正常,但 build 产物不完整
  • 开发者工具导入的不是正确目录
  • 真机和开发者工具表现不一致

所以发布流程最好不要临时拼,而要尽早固化。

一条最小可执行的发布流程

你可以先把项目流程固定成下面这样:

txt
1. 本地构建
2. 开发者工具打开 dist
3. 关键页面回归
4. 真机预览
5. 上传版本

第 1 步:先构建

bash
pnpm build

构建完成后,不要只看“命令通过了没有”,还要看:

  • dist 是否完整
  • 关键页面是否都生成了
  • 分包目录是否符合预期

第 2 步:确认开发者工具看的目录对

这是一个非常高频的坑。

你要确认开发者工具导入的是最终产物目录,而不是源码目录。 也就是说,miniprogramRoot 应该和当前项目输出目录对齐。

第 3 步:做一轮关键路径回归

新用户最容易跳过这一步,但它实际上非常重要。

至少建议手动走一遍:

  • 首页打开
  • 登录流程
  • 列表页进入详情页
  • 表单提交
  • 关键分享或支付前流程

你不需要把所有边角场景都点一遍,但核心业务链路一定要确认。

第 4 步:真机预览

开发者工具通过,不代表真机一定通过。

真机更值得关注:

  • 登录授权
  • 图片和静态资源
  • 网络请求域名
  • 页面切换与分享
  • 长列表和滚动体验

第 5 步:上传

如果你的团队已经接入命令行工具链,可以进一步把流程标准化。

例如,项目里经常会把这些动作写进脚本:

bash
pnpm build
pnpm open
pnpm preview
pnpm upload

关键不是命令长什么样,而是团队知道:

  • 谁负责构建
  • 谁负责验证
  • 哪个版本对应哪次上传

一个很实用的发布前检查清单

txt
[ ] 当前分支代码已确认
[ ] pnpm build 通过
[ ] dist 关键页面产物完整
[ ] 开发者工具导入目录正确
[ ] 关键业务路径已回归
[ ] 真机至少验证一轮
[ ] 上传版本号和说明明确

什么时候适合接入命令行 IDE 流程

如果你的项目已经进入稳定迭代,可以考虑把:

  • 打开 IDE
  • 预览
  • 上传

这些步骤逐步脚本化,这样更适合团队协作和 CI/CD。

一个给新用户的建议

先把“本地 build -> 开发者工具导入 -> 真机验证”这条最短链路跑通。 不要一开始就把所有发布自动化做得很重。

看完这一章后,你可以继续看:

Released under the MIT License.