在很多项目的开发中，我们都需要配置多个环境以便测试项目，每次打包时也需要手动切换环境地址，而且很容易因为忘记或者手误之类的原因，造成打包的环境出现各种问题。所以为了避免切换环境造成的麻烦（主要是一个项目打包好多次太麻烦） 所以，可以选择配置几个打包命令，代替你切换环境的烦恼。
而vue-cli3中，项目的配置文件也挪到了vue.config.js中。
下面 正文横空出世~~~~
首先，需要在package.json中，修改运行命令的配置。
新建环境需要的配置文件，
在根目录下（是与package.json同级哟） 新建存放配置内容的文件。
.env.dev 比如这个，.env后面的名称很重要，是你在package中要用到的
先来说说.env.dev中的内容吧0.0
NODE_ENV = 'devConfig'
VUE_APP_CURRENTMODE = 'dev'
VUE_APP_BASE_URL = ''
VUE_APP_OUTPUT_DIR = 'dev' // 配置输出文件夹
以上内容都是可以在vue.config.js中拿到的，不过想要在文件中使用的配置，需要以VUE_APP_作为开头前缀，后面自定义名称。 文件中最好不要有除了配置内容外任何多余的文字注释！！！
使用时为：
outputDir: process.env.VUE_APP_OUTPUT_DIR, // 输出文件夹
比如这个打包输出文件夹的配置，需要以process.env.作为前缀，后面是你自己定义的VUE_APP_XXX。
建好配置文件，就要修改package.json了，里面有"scripts"，是运行时的命令行，可以自定义修改。
所有使用配置文件内容的时候，只要用process.env.就可以啦。
"scripts": {
"serve": "vue-cli-service serve --mode dev-serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"build:dev": "vue-cli-service build --mode dev", // 增加打包环境后缀
"build:prod": "vue-cli-service build --mode prod"
},
至于打包的命令嘛，我的build:dev只是为了方便知道是干嘛的，反正命令到底是什么，大家自己选咯。
只要在后面vue-cli-service build --mode dev ，这里，vue-cli-service后面要配build，其他看心情啦。
--mode 后面的名称，一定要是.env配置文件的后缀名称。
比如之前.env.dev，那再package中--mode后面的名称就一定是dev
一定要是配置文件后缀名称！一定要是配置文件后缀名称！一定要是配置文件后缀名称！重要的事情说三遍
不过呢，因为选择了动态获取环境地址，那npm run serve时的环境地址也是不能忘记哒，大不了再多配一个嘛，反正多环境已经有了，不差这一两个了。配完再加上判断条件，在线调试用自己写的地址，打包用配置文件里的。完美~
那么，也就这么多了，配置完就可以重启项目了，打包的时候只要带上你自己定义的命令就行啦。
啊对，还有一件事情------打包完之后的代码，如果不打包map文件是没有做任何压缩的哟，就算打包map文件，项目中的注释之类的依旧会在map中存在，如果有强迫症的话，这个就不能忍了。
填坑方式在另一篇文章中，有兴趣可以去围观一波。链接在下面↓
//www.greatytc.com/p/2b730887881b
完结撒花✿✿ヽ(°▽°)ノ✿
