webpack打包抽离项目配置文件

      工作中很多项目采用的是前后端分离的模式开发的，而且前端代码会打包发布。项目部署到不同的服务器上，ip地址不同，那么后端服务的地址也会跟着变化，前端不得不更改访问后台服务的地址，然后再次打包发布。如果连本地的服务调试，不得不在开发环境和发布环境中服务地址不断的切换，实在是麻烦。

       本文提供一种抽离配置文件的思路，来改善上面的情况。前端采用的是webpack打包工具，后台是nodejs服务：

        首先，把服务配置文件引入到项目中：

            

          配置文件跟index.html文件放在统计目录，并在index.html中引入：

            

          配置文件：

            

        然后，把前端访问后端服务地址改成可配置的形式：

            

        最后，可以根据服务的真是地址直接更改配置文件中的服务ip了：

            打包过后，真是发布的前端请求服务地址：

            

        我们可以看到虽然项目中给的默认的开发环境下的服务地址，但是打包过后运行真正访问的服务是从外部文件读取的配置地址，这样就能根据服务地址的不同，去动态配置相应的后端访问地址了。

        如有错误，请指正；