使用 Parcel Service Worker 缓存插件添加更多文件类型答案

【问题标题】：Add more file types using parcel service worker cache plugin使用 Parcel Service Worker 缓存插件添加更多文件类型
【发布时间】：2020-12-20 17:14:14
【问题描述】：

我正在使用 parcel 和 parcel-plugin-sw-cache 开发一个开源的 pwa project，以构建一个可以离线运行的应用程序。

并将此代码添加到 package.json 文件中

  "cache": {
    "disablePlugin": false,
    "inDev": true,
    "strategy": "default",
    "importWorkboxFrom": "local"
  },

html、js 和 css 等文件可离线使用，但 .wav 或 .mp3 格式的声音不可用，如何更改此默认设置以添加声音或其他文件类型？

如何将其他类型的文件添加到 globPatterns 并更改默认行为？

【问题讨论】：

标签： javascript progressive-web-apps workbox parcel

【解决方案1】：

插件创建者在存储库中的 issue 中回答了我，并说要将其添加到缓存对象中，并且确实有效。

package.json 文件中的解决方案：

  "cache": {
    "disablePlugin": false,
    "inDev": true,
    "strategy": "default",
    "importWorkboxFrom": "local",
    "globPatterns": [
      "**/*.{html,js,css,jpg,png,wav,mp3,mpeg,ttf}"
    ]
  },

【讨论】：