环境变量和模式
根目录下文件
.env
.env.local
.env.[mode]
.env.[mode].local
配合 vue-cli mode使用
定义不同环境下的变量
NODE_ENV=developement
VUE_APP_BUILD_ENV=dev
VUE_APP_URL=https://blblblbl
package.json
"serve": "vue-cli-service serve --mode dev",
"build:dev": "vue-cli-service build --mode devbuild",
"build:prod": "vue-cli-service build --mode prod",
"build:pre": "vue-cli-service build --mode pre",
只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中
例如 a.js
let wsConfig = {
origin: process.env.VUE_APP_URL,
retryTime: 10000,
log: true
};
vue.config.js
const NodeEnv = {
Production: process.env.NODE_ENV === "production",
Development: process.env.NODE_ENV === "development"
};
