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

问题描述

问 题

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

解决方案

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

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

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

这篇关于javascript - 经过webpack编译的前端项目，如何提供一个可供运维修改的配置文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！