经过webpack编译的前端项目，如何提供一个可供运维修改的配置文件？

Question

项目需要用到一个url常量，这个url可能会根据实际运维的情况发生变化。
现在url有变化时，我需要改源码，重新编译。
如果不使用webpack，就不会出现这样的问题，给运维说下配置文件的路径就好了。
但在使用webpack的情况下，有什么办法可以避免这种情况，让运维也能修改配置？

Answer 1

把配置项单独放在一个json里面，运行项目时先读取这个json里的配置。

• 你可以通过ajax/xhr/fetch/amd来加载这个json文件，反正方法很多；

• 这时就要考虑一个性能问题了，要善用缓存/cookie/localStorage，这样就不必每次都要重新加载这个json文件。

Answer 2

我们项目的做法是 配置多个配置文件 开发 测试 和 生产

不同环境用不同配置