如何缓存Webpack的资产并排除index.html?

问题描述 投票:0回答:1

我想优化我的SPA以缓存所有webpack的资产,以便在下次重新加载时更快地加载它们。

我不需要脱机功能,我希望用户在重新加载页面后始终能够获得新版本的服务,所以没有“新内容可用;请刷新。”讯息。

据我所知,Webpack在每个文件的名称中都包含哈希,因此,从一个版本到另一个版本,文件名是“唯一的”。因此,我的策略是缓存index.html以外的所有内容。因此,当用户点击重新加载时,他总是从服务器获取index.html,然后服务人员为已加载的文件提供缓存。

简单地说,我希望复制与标题Cache-Control类似的简单缓存。

我应该使用workbox-webpack-pluginGenerateSW(config)方法吗?如何配置它以仅从缓存中排除index.html并包括其他所有内容?

workbox workbox-webpack-plugin
1个回答
0
投票

workbox-webpack-plugin具有排除选项,可用于排除index.html

可在此处找到更多信息:https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-webpack-plugin.GenerateSW#GenerateSW

© www.soinside.com 2019 - 2024. All rights reserved.