Vue CLI 4.0中如何详细配置多环境变量及模式？

本文共计2349个文字，预计阅读时间需要10分钟。

在 Vue CLI 2.x 和 Vue CLI 4.x 中，多环境变量配置的方法有所不同。以下是简化的配置方法：

1. 在 `package.json` 文件中配置 `scripts` 部分：

json{ scripts: { dev: cross-env APP_ENV=dev node build/dev-server.js, devTH: cross-env APP_ENV=tianhe node build/dev-server.js }}

这样配置后，你可以通过运行 `npm run dev` 使用默认开发环境，而运行 `npm run devTH` 则使用天和环境。

vue-cli2.x还是vue-cli4.x模式的多环境变量配置方法（忘了）。

1.在package.json文件中

"scripts": { "dev": "cross-env APP_ENV=dev node build/dev-server.js", "devTH": "cross-env APP_ENV=tianhe node build/dev-server.js", "build:prod": "cross-env APP_ENV=dev NODE_ENV=production node build/build.js", "buildTH:prod": "cross-env APP_ENV=tianhe NODE_ENV=production node build/build.js", "lint": "eslint --ext .js,.vue src" },

2、在src目录下，新建文件夹用于存放环境变量。