怎么配置多种 process.env.NODE_ENV

在 Vue 项目中，我们可以通过配置 vue.config.js 文件来设置多个 process.env.NODE_ENV。以下是一个详细的示例：
1.首先，在项目根目录下创建一个 vue.config.js 文件，如果不存在的话。
2.打开 vue.config.js 文件，然后在其中添加以下代码：

module.exports = {  
 // 其他配置...  
 configureWebpack: {  
   // 添加多个 NODE_ENV 配置  
   env: {  
     development: {  
       NODE_ENV: 'development',  
     },  
     staging: {  
       NODE_ENV: 'staging',  
     },  
     production: {  
       NODE_ENV: 'production',  
     },  
   },  
 },  
}; 

上述代码中，我们使用 env 对象来配置多个 NODE_ENV。每个对象的键表示环境名称，值为对应的 NODE_ENV 值。

3.根据需要，你可以在 package.json 文件中的 scripts 部分添加相应的脚本命令，例如：

"scripts": {  
 "start": "vue-cli-service serve --env development",  
 "stage": "vue-cli-service serve --env staging",  
 "build": "vue-cli-service build --env production",  
}

上述代码中，我们为每个环境配置了相应的脚本命令，通过添加 --env 参数来指定运行时的环境。

4.最后，运行对应的脚本命令，项目将根据指定的环境配置运行。例如：

npm run start //--env development  
npm run stage //--env staging  
npm run build //--env production  

通过以上配置，你可以在 Vue 项目中使用多种 process.env.NODE_ENV 环境。