如何正确 Gulp 编译 Service Worker?
How to properly Gulp compile a Service Worker?
我正在为我们的 Angular 1.5.x 应用开发一个新的 service worker。在将其投入生产之前,我担心的是我们的 Gulp 过程,它将所有应用程序 javascript 编译成一个缩小文件,并将所有供应商 javascript 编译成第二个缩小文件。我正在使用 service worker 来缓存 javascript 和 css 文件,因为我相信它会在重复 returns 时严重加快应用程序加载速度,而且我们每隔一段时间才更新一次网站几个月,所以我想我可以使用版本控制更新服务工作者(如果我有错也请告诉我)。我的问题是 我是否需要将我的 gulp 进程 中服务人员的 javascript 文件分离到第三个文件?
我不确定注册的服务工作者的行为方式,我不希望服务工作者意外地被缓存,然后不再能够更新服务工作者。如果您能提供任何解释或链接,我将不胜感激。谢谢!
是的,您需要为service-worker生成一个单独的文件。
浏览器尊重您的 sw 文件的 header cache-control 时间,并且当存在 byte-diffrent 到现有文件时,它会更新您的 service-worker。
见The Service Worker Lifecycle => Updating the service worker
如果您使用 version-specific 缓存,请不要忘记重命名您的缓存。
我正在为我们的 Angular 1.5.x 应用开发一个新的 service worker。在将其投入生产之前,我担心的是我们的 Gulp 过程,它将所有应用程序 javascript 编译成一个缩小文件,并将所有供应商 javascript 编译成第二个缩小文件。我正在使用 service worker 来缓存 javascript 和 css 文件,因为我相信它会在重复 returns 时严重加快应用程序加载速度,而且我们每隔一段时间才更新一次网站几个月,所以我想我可以使用版本控制更新服务工作者(如果我有错也请告诉我)。我的问题是 我是否需要将我的 gulp 进程 中服务人员的 javascript 文件分离到第三个文件?
我不确定注册的服务工作者的行为方式,我不希望服务工作者意外地被缓存,然后不再能够更新服务工作者。如果您能提供任何解释或链接,我将不胜感激。谢谢!
是的,您需要为service-worker生成一个单独的文件。
浏览器尊重您的 sw 文件的 header cache-control 时间,并且当存在 byte-diffrent 到现有文件时,它会更新您的 service-worker。
见The Service Worker Lifecycle => Updating the service worker
如果您使用 version-specific 缓存,请不要忘记重命名您的缓存。