angular-pwa-boilerplate:使用静态资产缓存和数据请求缓存策略(“新鲜度”和“性能”)的Angular PWA演示

时间:2021-04-28 08:47:01
【文件属性】:
文件名称:angular-pwa-boilerplate:使用静态资产缓存和数据请求缓存策略(“新鲜度”和“性能”)的Angular PWA演示
文件大小:185KB
文件格式:ZIP
更新时间:2021-04-28 08:47:01
HTML 欢迎来到Angular Pwa演示! 在Twitter或Dev。上关注我: 该存储库与我在Dev.to上的文章出版物中的实用内容相对应。 本文是针对渐进式Web应用程序技术的系列文章的一部分。 使用的外部API是: (使用性能缓存策略) (使用新鲜度缓存策略) 1.更新npm库 首先安装或更新本地项目的npm依赖项: npm install 2.运行生产版本 执行生产版本: ng build --prod 该命令将生成一个dist / angular-pwa文件夹 3.服务应用程序 正如我们不能用ne serve与服务人员,你需要IOF您选择运行一个Web服务器。 例如: 或Chrome扩展,并定位先前构建的dist/angular-pwa文件夹。 在建议的地址打开浏览器。 去做 :check_mark_button: 使应用程序响应 :black_square_button: 在有新的软件版本可用时显示通知(使用swUpdate)
【文件预览】:
angular-pwa-boilerplate-master
----_config.yml(26B)
----.gitignore(698B)
----karma.conf.js(1023B)
----tsconfig.json(466B)
----README.md(3KB)
----tsconfig.spec.json(270B)
----angular.json(4KB)
----.github()
--------ISSUE_TEMPLATE()
----.browserslistrc(429B)
----LICENSE(1KB)
----ngsw-config.json(623B)
----package.json(1KB)
----tslint.json(3KB)
----src()
--------test.ts(642B)
--------manifest.webmanifest(1KB)
--------environments()
--------app()
--------polyfills.ts(3KB)
--------main.ts(372B)
--------index.html(556B)
--------favicon.ico(5KB)
--------assets()
--------styles.scss(2KB)
----e2e()
--------tsconfig.json(217B)
--------src()
--------protractor.conf.js(810B)
----tsconfig.app.json(210B)
----.editorconfig(246B)
----package-lock.json(633KB)

网友评论