Webpackバンドル動的クライアント設定

Question

Webpackを使用して、本番用にnode.jsアプリをバンドルしています。

私たちの問題は、すでにバンドルした後、再バンドルする必要なく、動的設定を追加する方法です。

サーバー側では、ノードのenv変数を使用できますが、これはクライアントバンドルに対してどのように行うことができますか？具体的には、どのapiサーバアドレスに接続するかをブラウザモジュールに伝える必要があります。

設定でjs/jsonファイルを使用すると、設定値がバンドルに挿入されるため、後で変更することはできません（快適にバンドルファイルを開いたり手動で検索して置き換えないでください）。

express-exposeのようなものを使用すると、別のネットワーク要求がデータを取得し、サーバーアドレスが動的なので、私たちが望むものではありません。

ノード-config設定など、

Answer 1

あなたはexternalsオプションの創造を利用することができ、クライアント側では動作しません：あなたは、あなたの設定にあなただけ聞かせできることを追加した場合

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

あなたウェブサーバーは、ウェブパックバンドルのロードの前にvar appConfig = {"config":"value"};というスクリプトタグを追加してください。単純なrequire('appConfig')がそれを取り上げます。