代码之家 › 专栏 › 技术社区 › Duc Trung Mai

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

workbox laravel-mix vue.js caching laravel

Duc Trung Mai · 技术社区 · 7 年前

Vuejs workbox-webpack-plugin 为了使我的网站脱机,我想缓存一个文件夹,其中包含我的所有文件(3个文件),如下图,但当我建立我的项目(使用 Laravel-mix ). 这个 main.js service-woker.js 有人面临这个问题吗?你有什么解决办法吗?非常感谢!

2 回复 | 直到 7 年前

Ritwik Kumar 6 年前

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

workbox.precaching.precacheAndRoute(self.__precacheManifest || []);

对于动态请求,请使用带有策略的路由:-

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

Tanner Stern 3 年前

这是因为有一个名为 maximumFileSizeToCacheInBytes 最大文件大小缓存字节

我更新的Workbox配置如下所示:

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

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前