uniapp 基于 vue3.0 + vite + HbuilderX

前言

提示：在 uniapp 项目中使用 vue3.0 和 vite，并且通过 HBuilderX 打包小程序构建为不同环境，如果你有 .env, .env.test, .env.prod 等环境配置文件，确保正确使用这些环境配置文件来打包生产环境，可以按照以下步骤进行配置。

一、修改 package.json 脚本

{
  "scripts": {
    "build:mp-weixin": "uni build -p mp-weixin",
    "build:mp-weixin-prod": "uni build -p mp-weixin --mode prod"
    "build:mp-weixin-test": "uni build -p mp-weixin --mode prod"
  }
}

二、创建配置文件

三、使用 HBuilderX 打包

在 HBuilderX 中，确保选择了正确的打包命令。你可以在终端中运行以下命令来打包：

npm run build:mp-weixin // 开发环境
npm run build:mp-weixin-test // 测试环境
npm run build:mp-weixin-prod // 生产环境