vue-cli 启动不同的环境，正式、测试

最新推荐文章于 2024-08-30 17:04:02 发布

system_M

最新推荐文章于 2024-08-30 17:04:02 发布

阅读量1.3k

点赞数

分类专栏： vue 文章标签： vue cli

本文链接：https://blog.csdn.net/jar_oo/article/details/105865913

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

根据不同的命令启动不同的环境 vue

CLI服务： https://cli.vuejs.org/zh/guide/cli-service.html

// 修改 package.json 文件 根据不同的参数启动  
"scripts": {
    "serve-dev": "vue-cli-service serve --open --mode dev",
    "build-test": "vue-cli-service build --modern --mode test",
    "build-prod": "vue-cli-service build --modern --mode prod",
    "lint": "vue-cli-service lint",
    "inspect": "vue-cli-service inspect"
  },

在根目录下新建 上个文件 分别是 ： .env.dev\ .env.proc\ .env.test

三个文件内容分别位：

// dev
NODE_ENV = 'development'
VUE_APP_TITLE = 'development'
// prod
NODE_ENV = 'production'
VUE_APP_TITLE = 'production'
//test
NODE_ENV = 'production'
VUE_APP_TITLE = 'test'

//本地调试      cnpm run serve-dev   // 测试环境
//编译测试环境  cnpm run build-test   // 测试环境
//编译正式环境  cnpm run build-prod   // 正式环境

目录格式