Question

考虑到有Webpack配置

common-entry.js

我想在require('dep-' + entryName.slice(-1));这样的事情：

{"type":"data","id":"xyz"}\n{"type":"data","id":"xyz"}

即。我想从config中提供特定需求的定义。

问题是可能有两个以上的依赖选项，我避免了复制。我打算在构建时执行此操作，而不是需要使用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模块。

Webpack在构建时的动态需求

1 个答案: