動的WebPACKのコンフィグ</p> <pre><code>... entry: { 'bundle-with-dependency-a': 'common-entry.js', 'bundle-with-dependency-b': 'common-entry.js' }, resolve: { alias: { 'dep-a': ..., 'dep-b': ... }, }, </code></pre> <p>があります考慮すると、ビルド時

Question

でのWebPACKに必要と私はcommon-entry.jsこのような何かに期待する：

require('dep-' + entryName.slice(-1)); 

すなわち、私はconfigから特定のrequireの定義を提供したいと思います。

問題は2つ以上の依存オプションが存在する可能性があるため、コピーを回避します。 JSONPでチャンクを要求するのではなく、ビルド時にこれを実行しようとしています。

これをどのように動的にする必要がありますか？

私がここに持っている唯一のオプションは、それぞれのdepごとに異なる設定をすることですが、これは単一ではなく複数のWebpackパスを作る必要があります。それほど便利ではありません。 使用

Answer 1

：

webpack.config.js

{ 
    entry: { 
    'bundle-with-dependency-a': 'imports?depName=>"dep-a"!./common-entry.js', 
    'bundle-with-dependency-b': 'imports?depName=>"dep-b"!./common-entry.js', 
    }, 
    // ... 
} 

depName変数は、次にcommon-entry.jsモジュールにさらされます。