如何在 Webpack 的单个 output 文件夹下构建多个库

Question

我的 webpack 配置如下

entry : {
  lib: "./path/to/index",
  sublib: "./path/to/sub/index"
},
output : {
  filename: "[name]/[name].lib.js",
  path: __dirname + "/dist",
}

它目前在以下文件夹结构中构建

- src
  |
  |- /dist
  |-- lib/lib.lib.js
  |-- sublib/sublib.lib.js

但我想要的是两者都应该构建在同一个文件夹中，即如下所示的lib

- src
  |
  |- /dist
  |-- lib/lib.lib.js
  |---- lib.lib.js
  |---- sublib.lib.js

而且我不想制作两个不同的 webpack 配置，我什至不想将我的 class 合并到单个导出文件中，因为我希望它们分开。

任何想法如何实现这一点我正在使用 webpack 4。任何帮助将不胜感激。

Answer 1

我在这里找到了一个对我有用的解决方法在条目 object 中给出库名称时，只需将您的sublib放在lib下。 您的条目 object 应如下所示

entry : {
  lib: "./path/to/index",
  "lib/sublib": "./path/to/sub/index"
}

所以这会将您的sublib库导出到lib文件夹中。 当从lib文件夹中将 Jenkins 作业写入 pic 库以在npm库中发布时，这将非常有帮助