主要介绍了vue-cli3环境变量与分环境打包的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

第一步 : 了解环境变量概念 我们可以根目录中的下列文件来指定环境变量: .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略 环境变量文件只包含环境变量的“键=值”对： FOO=bar VUE_APP_SECRET=secret // 只有VUE_APP_开头的环境变量可

1.package.json添加命令 scr ipts”: { “dev”: “vue-cli-service serve”, //本地运行时process.env.NODE_ENV ===‘development’(默认) “build:pre”: “vue-cli-service build –mode pre”, //dev模式下打包(测试服打包)，process.env.NODE_ENV的值为’.env.dev文件中NODE_ENV声明的值’ “build”: “vue-cli-se