vue3 项目如何配置测试环境打包

最新推荐文章于 2025-03-07 15:28:08 发布

原创最新推荐文章于 2025-03-07 15:28:08 发布 · 743 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#vue.js #javascript #前端

收录于

vue3 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了如何在Vue3项目中为测试环境设置配置文件(.env.staging)，包括环境变量如NODE_ENV和API地址的设定，以及在package.json的scripts部分添加针对生产(testing)和生产环境(build:prod)的打包命令，重点是构建build:stage用于测试环境的打包方式。

vue3 项目如何配置测试环境打包

根目录下创建.env.staging

# 测试环境
NODE_ENV = 'staging'
VUE_APP_MODE = 'staging'
VUE_APP_TITLE = '系统名称'

# 测试环境API接口地址
VUE_APP_API_URL = '接口地址'

package.json文件中 scripts配置中添加以下代码

 "scripts": {
    "serve": "vue-cli-service serve ",
    "build:prod": "vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
  },