Webpack 如何使用workbox网页包插件从多个网页包生成一个服务工作者？

这听起来可能很疯狂，但我正在创建多个css和js文件，用于为不同品牌构建我的应用程序。为此，我有大约4个单独的网页包文件，一个是我的js，这是我的所有品牌和3个不同的css文件生成器的共同点。现在我想添加

workbox网页包插件

来创建一个

sw.js

和清单文件，这些文件将自动导入所有清单文件。我该怎么做

到目前为止我已经试过了

plugins = [
  ...config.plugins,
  new InjectManifest({
    swSrc: path.resolve('./src/sw.js'),
    swDest: path.resolve('./dist/sw.js')
  }),

但是当我这样做的时候，最后一个网页文件覆盖了整个输出sw.js，这看起来很公平，所以我想我会一个接一个地运行这个构建，并给出从上一个构建生成的输出的

sw.js

的

swSrc

，没有解决问题

---

我如何做到这一点？请提供任何线索。

您可以跳过该网页包，而不是使用workbox网页包插件，也许不完全如此；）使用此插件将生成一个包含所有依赖项的json。稍后编写一个节点应用程序，加载所有这些依赖项并使用workbox，并基于这些依赖项构建sw.js。也许有一点，但更清楚。每个网页包都会用它创建的内容输出json，并基于这些json文件构建sw.js