Laravel Workbox:生成项目时无法缓存所有文件

Laravel Workbox:生成项目时无法缓存所有文件,laravel,caching,vue.js,laravel-mix,workbox,Laravel,Caching,Vue.js,Laravel Mix,Workbox,我使用Vuejs和workbox网页包插件使我的网站离线,我想缓存一个文件夹,其中包含我的所有文件(3个文件),如下图所示,但当我构建项目时(使用Laravel mix)。main.js(包含Vue的所有内容)无法缓存在service woker.js中。我尝试了一些方法来解决这个问题,但是没有成功。 有没有人面对这个问题,你有什么解决办法,非常感谢 ->>为什么要手动处理?即使您可以使用 workbox.precaching.precacheAndRoute(self.__precacheMa

我使用
Vuejs
workbox网页包插件
使我的网站离线,我想缓存一个文件夹,其中包含我的所有文件(3个文件),如下图所示,但当我构建项目时(使用
Laravel mix
)。
main.js
(包含Vue的所有内容)无法缓存在
service woker.js
中。我尝试了一些方法来解决这个问题,但是没有成功。 有没有人面对这个问题,你有什么解决办法,非常感谢


->>

为什么要手动处理?即使您可以使用

workbox.precaching.precacheAndRoute(self.__precacheManifest || []);
对于动态请求,请使用路由策略:-

workbox.routing.registerRoute('end point url', workbox.strategies.networkFirst({
cacheName: 'cache-name'
}));

编辑:很久没有回顾这个问题了,github上有个人帮我找到了原因


这是因为库调用中有一个属性
maximumFileSizeToCacheInBytes
默认设置为2MB,这意味着它将只缓存小于或等于2MB的文件,而我的一些构建文件则大于2MB。因此,您只需增加
maximumFileSizeToCacheInBytes
即可解决此问题。

能否提供完整的网页包配置?听起来Workbox插件在Webpack生成
main.js
文件之前运行得太早了。