如何缓存较大的文件以进行开发答案

【问题标题】：How to cache larger files for development如何缓存较大的文件以进行开发
【发布时间】：2021-03-19 09:12:19
【问题描述】：

我正在使用工作箱，但出现以下错误：

Skipping file 'app.js' due to size. [Max size supported is 2097152, this file is 4760833]

我明白为什么它会在生产环境中这样做，这在生产环境中不是问题，因为我的 app.js 文件已被缩小并且远低于该限制。

但是如何生成一个可以在开发中使用的 Service Worker，包括这些较大的文件？

【问题讨论】：

标签： workbox

【解决方案1】：

maximumFileSizeToCacheInBytes 配置参数在文档中有更详细的描述，可用于增加限制。

例如：

{
  maximumFileSizeToCacheInBytes: 5000000,
  // ...other Workbox build configuration options...
}

【讨论】：

谢谢我找不到这个
@Jeff Posnick 你能提供更多细节吗？我一直在受 React 和 Workbox 的困扰。我能够在调用 workboxBuild.injectManifest 时添加这样一行，现在它不会抱怨我的 2.1MB 文件，但该文件仍然没有被缓存。是否必须通过 service worker 中的调用再次完成此配置？
该配置应该放入什么文件？什么文档？一个链接会很好。
@MaxWaterman 您将此选项添加到您定义其他工作箱配置选项（如 swSrc 和 swDest）的数组中，例如，在 webpack.config.js 中。