这听起来可能很疯狂,但我正在创建多个 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
,没有锻炼。
我如何实现这一目标?请提供任何线索。