webpack - 带有 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'
          }),

所以没什么特别的。

score 0 · Accepted Answer

我正在使用“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.*/]
    })

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

1 回答 1