Vue.js Webpackプロジェクトのランタイム中に外部パラメータを挿入

Question

My Vue.jsプロジェクトがビルドされ、Webpackにバンドルされています。

私が達成したいのは、外部パラメータを注入することです。 distの外側からのbackend_url（外部ファイル、cli paramなど）をデプロイ時にdistに追加します。

それはIv'eはこの答えに見

いくつかの環境に同じdistのを展開するために私を助ける - Exclude module from webpack minificationが、これは答えはちょうど縮小から除外becouse私を助けるが、それでもに値を注入していませんdist

どのようにすればよいのでしょうか？

Answer 1

私は、Webpackのコンテキスト（ポストバンドルのコンパイル）に外部モジュールを手に入れる方法を知らない。

Webpackバンドルを組み込むHTMLでは、まず「外部パラメータ」のJavaScriptファイルを組み込み、それらのパラメータをグローバルスコープに格納することができます。

グローバルスコープを抽象化する場合は、グローバルスコープをプロキシするバンドルされたモジュールを作成し、バンドルされたモジュールを介して常にそれらの変数にアクセスできます。この方法では、将来そのデータのソースを変更する場合は、1か所で行うことができます。