带webpack 5的工作箱不生成预缓存清单

Question

我目前正在尝试使用工作箱InjectManifest插件设置新的webpack 5.0.0-alpha2。

据我所知，这应该生成一个precacheManifest并将其注入到我的serviceWorker中并替换workbox.precaching.precacheAndRoute(self.__precacheManifest || []);。

但是对我来说，没有precacheManifest生成，并且这一行仍然存在。

这是我的Workbox Webpack插件配置：

        new WorkboxPlugin.InjectManifest({
            swSrc: './src/Login/js/sw/sw.js',
            swDest: 'sw/sw.js'
          }),

所以没什么特别的。

Answer 1

我正在使用“ workbox-webpack-plugin”：“ 4.3.0”，它可以正常工作。

在Webpack中

const { InjectManifest } = require("workbox-webpack-plugin");

在Webpack插件部分

new InjectManifest({
      swSrc: "./service-worker.js",
      swDest: `${BUILD_Folder}/service-worker.js`,
      exclude: [/test.*/]
    })

在目标文件夹中，您是否可以检查带有清单和workbox-cdn workbox-sw.js文件的importScripts脚本是否存在