使用webpack构建的工程，在开发过程中不同环境的配置不同，在各种环境的打包切换过程中需要手动彭榧逡钚修改相关配置达到预期目的。但是足饶戽沸每次都手动修改会比较麻烦，本文简单介绍如何通过对webpack进行配置，实现不同环境打包分类配置；
工具/原料
电脑
visual studio code
修改build文件夹下build.js文件
1、添加声明变量，修改前是下图的样子。
.修改config文件夹下prod.env.js文件
1、添加不同环境的名称，修改前如下图所示。
修改不同环境下的请求域名地址
1、修改不同环境下的请求域名地址，修改前如下图所示
通过地址栏获取域名，判断是测试环境还是生产环境
1、可以通过地址栏获取域名，判断是测试环境还是生产环境，区分对应环境的地址，然后 main.js 引入 挂载vue，就可以通过统一变量进行地址的访问 ，上到生产、测试环境 都不需要更改地址了自动改；这样更改省去了每次单独打包
