workbox - 自定义 Workbox 以处理非活动的 globPatterns？

Question

当 glob 模式找不到任何匹配的文件时，Workbox 会引发以下错误：

Error: One of the glob patterns doesn't match any files. Please remove or fix the following: {
  "globDirectory": "public/",
  "globPattern": "dist/dep/**/*.{js,css}",
  ...
}

在某些情况下，可能期望目录为空（例如，在开发构建文件期间，文件没有被缩小，因为这需要相当长的时间）。一个 env 参数可能会被用作一种解决方法，但如果 Workbox 在没有找到文件时可以优雅地失败，那就太好了。

Answer 1

我建议做的是构建您的构建配置以使用有关环境的一些状态信息（如NODE_ENV）根据需要包含或删除globPatterns。

您没有提到这是否适用于 webpack、CLI 或其他，但这里有一个示例：

const globPatterns = NODE_ENV === 'production' ?
  ['**/*.{html,js,css}'] :
  [];

GenerateSW({
  // Other config.
  globPatterns,
})