Workbox service worker问题

Question

我有以下pwa项目的workbox.config.js文件配置

module.exports = {
"globDirectory": "public/",
"globPatterns": [
    "**/*.{png,xml,css,ico,jpg,svg,js}"
],
"swDest": "public/service-worker.js",
"swSrc": "resources/js/service-worker.js",
"globIgnores": [
    'notusing/**/*',
    'js/service-worker.js',
    'service-worker.js',
    'zsw.js'
  ]
};

下面是项目文件结构

public
|   +-- css
|       +--style.css
|   +-- js
|       +-- jquery.js
|   +-- html
|       +-- sample.html

当我从像npm run build这样的终端执行时，它会生成新的serviceworker.js文件，但它不会包含公共的html文件夹中的.html文件。有人能告诉我我在配置文件中哪里做错了吗？

Answer 1

globPatterns配置控制拾取并包含在预缓存清单中的文件集。您当前的配置不包括html扩展名，因此它不会提取任何HTML文件。

像这样的东西应该会有帮助：

module.exports = {
  "globPatterns": [
    "**/*.{html,png,xml,css,ico,jpg,svg,js}"
  ],
  //...other options here...
};