webpack打包通过利用代码复制的插件，将静态内容注入到window，实现发布不同环境时，修改静态文件即可无需重复修改打包

前提需求

项目在打包完发布的时候，往往有不同的环境，比如测试一套，测试二套，仿真，生产等环境。
而这些环境又有不同的静态跳转地址，比如在测试环境我跳转到某个商城是要跳到测试版本的商城，在生产环境要跳到生产的正式商城。这时候改了一个需求以后要根据不同的环境修改不同的地址，然后再重新打包，不仅繁琐，而且容易修改错误会和新加的需求代码混在一起。

基于上述问题

1、首先想到的就是利用window.url的方式，将静态文件里的地址等内容注入到window中（也就是直接在html文件中引用），然后利用window.url的方式在具体实现代码中使用。

2、然后就是怎么在打包的时候把这个静态文件复制打包到具体的位置，这里利用的是webpack插件“copy-webpack-plugin”，自动将静态文件复制到打包好的设定地址中。

下面是实现的具体内容

1、先写好静态文件

2、引入copy-webpack-plugin插件，npm安装插件
3、在webpack.config.js文件中导入插件，并在plugins下面应用（插件的功能是将当前文档里的内容复制到打包后的具体文件中）

4、在html文件中引用打包好的文件相对地址，这样就能把文档的内容注入到window中了

5、最后在具体需要用到这些静态参数的地方，利用window.mallConfig就可以应用了