webpack - 如何使用 workbox-webpack-plugin 从多个 webpack 构建中生成一个服务工作者？

Question

这听起来可能很疯狂，但我正在创建多个 css 和 js 文件来为不同品牌构建我的应用程序。为此，我有大约 4 个单独的 webpack 文件，一个用于我的 js，这对于我的所有品牌和 3 个不同的 css 文件生成器都很常见。现在我想添加workbox-webpack-plugin创建一个sw.js和清单文件，它会自动导入所有清单文件。我该怎么做？

到目前为止我试过了

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

但是当我这样做时，最后一个 webpack 文件覆盖了整个输出 sw.js，这看起来很公平，所以我想我会一个一个地运行构建，并给出上一个构建生成swSrc的输出sw.js，没有锻炼。

我如何实现这一目标？请提供任何线索。

标签： webpackservice-workerprogressive-web-appsworkboxworkbox-webpack-plugin