動態需要的WebPack在構建時

Question

考慮到還有的WebPack配置

... 
entry: { 
    'bundle-with-dependency-a': 'common-entry.js', 
    'bundle-with-dependency-b': 'common-entry.js' 
}, 
resolve: { 
    alias: { 
     'dep-a': ..., 
     'dep-b': ... 
    }, 
}, 

，我會期望在common-entry.js是這樣的：

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

即我想從配置中提供特定需求的定義。

問題是，可能有超過2個依賴項選項，我避免了copypasting。而且我正準備在構建時執行此操作，而不是要求使用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模塊。