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

【问题标题】：workbox with webpack 5 generates no precache Manifest带有 webpack 5 的工作箱不生成预缓存清单
【发布时间】：2019-12-10 18:41:33
【问题描述】：

我目前正在尝试使用工作箱 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'
          }),

所以没什么特别的。

【问题讨论】：

【解决方案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.*/]
    })

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

【讨论】：