预缓存在运行时加载的CSS文件

Question

我有一个Vue PWA应用程序，该应用程序正在使用Workbox生成service-worker.js文件。许多文件会自动添加到预缓存中，我还使用以下方法手动添加了一些主题文件：

manifestTransforms: [
   originalManifest => {
      const manifest = originalManifest.concat([
          { url: "/src/themes/bootstrap.css", revision: guid() },
          { url: "/src/themes/flatly.css", revision: guid() },
          { url: "/src/themes/darkly.css", revision: guid() },
          { url: "/src/themes/journal.css", revision: guid() },
          { url: "/src/themes/superhero.css", revision: guid() },
          { url: "/src/themes/yeti.css", revision: guid() }
      ]);
      // Optionally, set warning messages.
      const warnings = [];
      return { manifest, warnings };
  }
]

在运行时将链接元素添加到头部，然后将src设置为请求的主题文件。更改主题后，我看到它会击中ServiceWorker，但随后也会进行提取。知道为什么要执行额外的提取步骤吗？可能是我为修订生成价值的方式吗？

Network Activity