代码之家 › 专栏 › 技术社区 › 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'),
  }),
]

推荐文章

WKrooshof · Web包找不到(字体)依赖项

7 年前

Fredrik · 胸围缓存搭配Laravel混搭

7 年前

Imran Ahmed · 如何在CSS中为Laravel Mix中的图像和字体保留相对路径

7 年前

shukshin.ivan · 如何使用laravel mix缩小css文件?

7 年前

Chris · $(...).使用Laravel Mix时,DataTable不是函数

7 年前

Duc Trung Mai · Workbox:生成项目时无法缓存所有文件

7 年前

GatesPlan · Laravel Mix-未找到依赖项(用于自定义js文件)

7 年前

flap152 · 在laravel宅地上运行“npm run dev”时出错(es2015未找到)

7 年前

murribu · VueJS路由器“无法装载组件:未定义模板或渲染函数。”

7 年前

Lluís Puig Ferrer · 使用node\u modules/.bin/webpack时无法读取未定义(mix.initialize())的属性

7 年前