Webpack 捆绑动态客户端配置

Question

我们有一个使用 Webpack 捆绑用于生产的 node.js 应用程序。

我们的问题是如何在已经有bundle后添加动态配置，而不需要重新bundle？

在服务器端，我们可以只使用节点环境变量，但是如何为客户端包做到这一点？具体来说，我们需要告诉浏览器模块要连接到哪个 api 服务器地址。

拥有一个带有配置的 js/json 文件会导致配置值被注入到包中，因此之后无法更改（以一种舒适的方式，无需打开包文件并手动查找和替换）。

使用 express-expose 之类的东西不是我们想要的，因为它会导致另一个网络请求获取数据，而且我们的服务器地址是动态的。

node-config 等，不能在客户端工作

Answer 1

您可以创造性地使用externals 选项：

externals: [
    { appConfig: 'var appConfig' },
],

如果你将它添加到你的配置中，你可以让你的网络服务器在加载你的 webpack 包之前在某处添加一个带有var appConfig = {"config":"value"}; 的脚本标签，然后一个简单的require('appConfig') 就会把它捡起来。