webpack - Workbox 缓存排除的 html

Question

如何使用谷歌工作箱（workbox-webpack-plugin）从服务工作者缓存中删除 index.html？以前使用我刚刚写的 sw-precache-plugin

new SWPrecacheWebpackPlugin({
    dontCacheBustUrlsMatching: /\.\w{8}\./,
    filename: 'service-worker.js',
    minify: true,
    navigateFallback: '/index.html',
    staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/, /index\.html$/],
})

但它不起作用

new GenerateSW({
    cacheId: 'my-app-name',
    importWorkboxFrom: 'local',
    skipWaiting: true,
    clientsClaim: true,
    navigateFallback: '/index.html',
    exclude: [/\.map$/, /^manifest.*\.js(?:on)?$/, /\.html$/],
}),

清单文件中不存在 Html 文件，但每次都从 service worker 获取。

Answer 1

你可以尝试两件事：

1. 更新到最新的工作箱（我假设你不再需要dontCacheBustUrlsMatching了）
2. 删除navigateFallback条目并检查它是否有效