Workbox：构建项目时无法缓存所有文件

I use Vuejs我用workbox-webpack-plugin为了使我的网站离线，我想缓存一个包含我所有文件（3个文件）的文件夹，如下图所示，但是当我构建我的项目时（使用Laravel-mix). The main.js（包含 Vue 的所有内容）无法缓存在service-woker.js。我尝试了一些方法来解决这个问题，但这些方法都不起作用。 有没有人遇到这个问题，有什么解决办法吗，非常感谢！

->>

编辑：前段时间，GitHub 上的一个人帮我解决了这个问题。

这是因为有一个名为的 Workbox 配置属性maximumFileSizeToCacheInBytes。默认情况下它设置为 2MB，这意味着它只会缓存小于（或等于）2MB 的文件。我构建的一些文件比这个大。我只需要增加maximumFileSizeToCacheInBytes解决问题并将这些较大的文件包含在生成的 Service Worker 中。

我更新后的 Workbox 配置如下所示：

plugins: [
  new workboxPlugin({
    globDirectory: DIST_DIR,
    globPatterns: ['js/*.{html,js,css}'],
    maximumFileSizeToCacheInBytes: 5000000, // <-- Added (5 MB)
    swDest: path.join(DIST_DIR, 'sw.js'),
  }),
]