vue项目打包，怎么实现不同环境配置不同的配置呢？-灵析社区

半寸时光爱思考

## vue项目打包，怎么实现不同环境配置不同的配置呢？ 例如： // 在vue.config.js中设置了 module.exports = { …… configureWebpack: config => { if(process.env.NODE_ENV === 'production'){ …… }else if(process.env.NODE_ENV === 'xxxx'){ // 自定义环境 } } } 打包命令 npm run xxxx 可以进入‘xxx’处配置，执行自定义配置

阅读量：124

点赞量：0

问AI
看情况应该是VueCLI创建的项目，可以在根目录下创建对应的 ".env.xxx" 环境变量文件。打开对应的环境变量文件在文件头上书写 "NODE_ENV = xxx" 就行了。 但是 "NODE_ENV" 变量一般会被 "webpack" 之类的工具所使用，如果设置的是自定义属性，可能会有问题。所以我的建议是另起一个变量名比如说 "MY_PROJECT_ENV = xxx" (可能需要 "VUE_APP_" 前缀) 然后再在 "vue.config.js" 中使用。 然后启动项目的时候就可以直接用 "npm run serve --mode xxx" 来指定环境变量了。 "模式和环境变量 | Vue CLI" (https://link.segmentfault.com/?enc=%2Bt9qAbSRixOgFNccOvS%2F0g%3D%3D.mbRPsEUyeM%2Fuzwv3S2u1NJgB4vry0e1lLokeJS%2Fg6Y5QPTiEp4s1vC%2FKHnnBVFZdpl24uum2zNcToqxIvsW7Pw%3D%3D)