Webpack：エントリポイントごとに異なる（プラグイン定義）設定

Question

私のバンドルファイルの中には、異なるバージョンをビルドしたいと考えています。

DefinePluginは通常、この種のもののために使用されているようだが、if-loaderまたは利用可能ifdef-loaderようにローダーもあります。

ここで問題は、すべてがすべてのエントリポイント間で設定を共有しているように見えることです。さまざまなエントリポイントに異なる設定（{with_admin_mode: true}と{with_admin_mode: false}など）を設定する方法が必要です。

実際のエントリポイントJSファイルの先頭に設定を入れていますが、検出されるすべてのモジュールでグローバル変数を正しく作成する方法がわかりません。true == falseと削除されています。

Answer 1

webpack-merge - スマートマージあなたのケースを解決するのに役立つはずです。

これは、特定のエントリポイント、プラグイン、およびenvのいくつかの変数に依存する必要があるものを動的に設定するのに役立ちます。

構成を異なるファイルに分割することをお勧めします。 すべてのエントリポイントで同じものを使用していくつかの共通設定を行うことができます（ローダーなど）。with_admin_modeとwithout_admin_nodeモードのカスタム設定を行うことができます。

Answer 2

申し訳ありません、私は、definePluginではなく、providePluginを記述することを意図していました。 DefinePluginはコード内の変数を直接置き換え、グローバルを作成しません。あなたのWebPACKの設定で

：

あなたが作成したモジュールファイルからグローバルコンフィギュレーション変数を設定するprovidePluginを使用することができます

plugins: [ 
    new webpack.ProvidePlugin({ 
    'config': 'config' 
    }) 
    ... 
], 
resolve: { 
    alias: { 'config': path.resolve(__dirname, './config') }, 
    extensions: ['.js'] 
} 

とconfigは輸出にグローバルとして設定されます。 config.jsファイルの

これで、さまざまなエントリポイントでこのグローバルにアクセスして変更できます。たとえば、entry1.jsにはconfig.with_admin_mode = true;、entry2.jsにはconfig.with_admin_mode = false;を使用できます。

別の解決策は、モジュールのウィンドウから直接グローバル変数を設定することです。 window.with_admin_mode = true;