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));

即我想从配置中提供特定需求的定义.

问题是可能有两个以上的依赖选项,我避免了复制.我打算在构建时执行此操作,而不是需要使用JSONP的块.

如何才能使这变得动态？

我在这里唯一的选择是为每个dep配置不同的配置,但这需要多个Webpack传递而不是单个传递.不太方便.

Answer 1

使用imports-loader：

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模块。