我想优化我的SPA以缓存所有webpack的资产,以便在下次重新加载时更快地加载它们。
我不需要脱机功能,我希望用户在重新加载页面后始终能够获得新版本的服务,所以没有“新内容可用;请刷新。”讯息。
据我所知,Webpack在每个文件的名称中都包含哈希,因此,从一个版本到另一个版本,文件名是“唯一的”。因此,我的策略是缓存index.html
以外的所有内容。因此,当用户点击重新加载时,他总是从服务器获取index.html
,然后服务人员为已加载的文件提供缓存。
简单地说,我希望复制与标题Cache-Control类似的简单缓存。
我应该使用workbox-webpack-plugin
和GenerateSW(config)
方法吗?如何配置它以仅从缓存中排除index.html
并包括其他所有内容?
workbox-webpack-plugin
具有排除选项,可用于排除index.html
。