vue-cli多环境打包配置

安装vue-cli3并且初始化项目之后，打开package.json，会看到script中初始是这样的

image.png

添加我们要要用到的指令

image.png

在项目根目录下新建对应的环境文件，文件名为.env.xxx，xxx要和指令中--mode后的对应上

image.png

• NODE_ENV - 会是 "development"、"production" 或 "test" 中的一个。具体的值取决于应用运行的模式。
• BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径。

env.production文件

  NODE_ENV="production"

env.test文件

  NODE_ENV="test"

env.development文件

  NODE_ENV="development"

重启项目后就可以通过process.env.NODE_ENV获取到对应的环境模式了