0

我正在尝试为我的网站实施服务人员。我将 SWPrecacheWebpackPlugin 与 vue 和注册等一起使用，效果很好。不知何故，它不会缓存所有文件，在这种情况下，我猜是最重要的 app.js 文件。

当我在线时，vue 构建的文件结构如下所示：

在此处输入图像描述

但是当我检查缓存时 app.js 文件丢失并且在离线模式下我只是得到一个白页。

在此处输入图像描述

所以很明显 service-worker 已经启动并运行，甚至正在缓存一些东西，但不是相关的 app.js 文件。

我的 webpack 配置如下所示：

new SWPrecacheWebpackPlugin({
      cacheId: 'xxx',
      filename: 'service-worker.js',
      staticFileGlobs: ['dist/**/*.{js,html,css}'],
      minify: true,
      stripPrefix: 'dist/'
    })

我实际上不知道我错过了什么。

更新：

app.js 文件太大，插件没有缓存。没有警告，没有错误，什么都没有……

4

0 回答 0