新版vuecli 配置环境

我们在开发中可能同时有几个环境，他们所需要的配置不一定是一样的，就需要多个环境配置

首先 我自定义了两个环境  名字随意的

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    // 新增  后面添加 mode 为 dev / pro
    "dev": "vue-cli-service serve --mode dev",
    "pro": "vue-cli-service build --mode pro"
 },

在这个两个命令后面传入参数

其次，在 package.json 同级目录 添加

.env.[mode名字] 

也就是  .env.dev   和  .env.pro  两个文件

文件里面写入 如下类似内容

dev的  （pro的一样  改自己需要的量）

NODE_ENV = "development"
VUE_APP_ENV = "development"
VUE_APP_URL = "https://www.baidu.com"

然后  就可以在src 目录任意位置访问  到这些变量

访问方式   process.env.VUE_APP_ENV

通过合适的配置 就可以省下不少功夫  不用无聊地去改一些在不同环境不同的变量了  直接一键！

标签：vuecli,vue,cli,service,pro,配置,dev,env,新版
来源： https://blog.csdn.net/liluo101/article/details/121971263