webpack - 构建时 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));

IE。我想从配置中提供特定要求的定义。

问题是可能有两个以上的依赖选项，我避免复制粘贴。而且我将在构建时执行此操作，而不是要求使用 JSONP 的 block 。

如何使这个需求动态化？

我在这里唯一的选择是为每个 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模块。