javascript - 安装时将所有 (*.js) 或 (*.css) 文件批量添加到服务 worker 缓存

Question

如果我有一个 service worker 以文档根目录 (/) 作为其范围注册，我的文档布局是这样的:

• 文档根目录
  • 包括
    • JS
      • PHP/JS/HTML 文件
    • CSS
      • PHP/CSS 文件
    • 排版

如何将所有仅 JS/CSS 文件添加到服务 worker 缓存安装时并排除每个目录下的其他扩展？

Answer 1

我建议使用类似 sw-precache 的实用程序这将负责生成 service-worker.js 文件。

这是我的一个项目中的示例。您可以更改 glob 模式以满足您的需要。

const swPrecache = require('sw-precache')
swPrecache.write('./public/service-worker.js', {
    root: './public/',
    staticFileGlobs: ['./public/**/*'],
    stripPrefix: './public/'
})