vuejs cli3 env配置文件实践

前言

学习笔记

vuejs cli3 基于webpack4，env全局变量基本每个项目都要用到，简单学习一下。

配置使用

1.创建

在根目录下创建以下文件

.env.dev          //开发环境
.env.prod         //生产环境

.env.dev文件中可以写如下：

NODE_ENV = "development"
VUE_APP_URL="www.baidu.com"
VUE_APP_TOKEN=""

在package.json中配置 --mode dev

"scripts": {
    "serve":"vue-cli-service serve --mode dev",
    "start":"npm run serve --mode prod",
  }

2.使用

created(){
console.log(process.env.VUE_APP_URL);
}

输出结果

www.baidu.com