当前位置: 海之晶网站设计> 建站知识> 网站建设>用Webpack和Workbox构建一个PWA

用Webpack和Workbox构建一个PWA

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/8/30 8:58:39
分享:

Progressive Web App(PWA)是一个使用现代技术在Web上提供类似应用程序体验的网站。它是新技术的总称,如“web应用程序清单”、“服务人员”等等。当这些技术结合在一起时,您可以使用您的网站提供快速和吸引人的用户体验。

本文是一个逐步向现有单页网站添加服务人员的教程。服务工作人员将允许您使您的网站脱机工作,同时也通知您的用户您的网站的更新。请注意,这是基于一个与Webpack捆绑的小项目,因此我们将使用Workbox Webpack插件(Workbox v4)。

使用工具生成服务工作线程是推荐的方法,因为它可以让您高效地管理缓存。在本教程中,我们将使用Workbox(一组库),这些库可以方便地生成服务人员代码,从而生成我们的服务人员。

根据您的项目,您可以用三种不同的方式使用Workbox:

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。