vue项目给不同环境配置不同的打包命令的步骤

vue中给不同环境配置不同的打包命令的步骤如下：

1. 在项目根目录下新建.env文件，用于存放公共的环境变量。
2. 在项目根目录下新建.env.development、.env.test、.env.production等文件，用于存放不同环境的变量，如API地址、端口号等。
3. 在package.json文件中的scripts字段中添加不同环境的打包命令，
   如"build:test":“vue-cli-service build --mode test”，其中–mode指定了使用哪个.env文件。在项目中使用process.env获取对应的环境变量。

例: 如获取test环境的环境变量

我的.env.test文件内容如下：

NODE_ENV=test // 环境区分变量
VUE_APP_MODE =test2 // 其他变量

则在vue.config.js中获取环境NODE_ENV方法：process.env.NODE_ENV