文件名称：pwa-angular6:带有Angular 6的PWA
文件大小：494KB
文件格式：ZIP
更新时间：2024-05-18 18:12:23
TypeScript
将Angular 6应用程序变成渐进式Web应用程序 本文介绍如何向Angular 6应用程序添加PWA（渐进式Web应用程序）功能。 （破坏：很容易 :smiling_face_with_heart-eyes: ） 我们将执行以下步骤： 将PWA功能添加到Angular应用中 填写清单 配置服务人员 验证与测试 在下面的内容中，我们将使用Angular 6，并且我想您已经创建了Angular应用程序。 我们将立即通过将PWA功能添加到现有的Angular应用中开始。 将PWA功能添加到Angular应用中 Angular CLI 6允许将PWA功能添加到现有的Angular应用程序中。 为此，只需在项目的根目录下打开一个终端，然后键入以下命令。 ng add @angular/pwa 您应该看到类似于以下内容的输出： - > % ng add @angular/pwa Installing packages for tooling
【文件预览】：
pwa-angular6-master
----ngsw-config.json(836B)
----.gitignore(6KB)
----BUILD-README.md(1KB)
----e2e()
--------src()
--------tsconfig.e2e.json(213B)
--------protractor.conf.js(752B)
----package.json(1KB)
----tslint.json(3KB)
----package-lock.json(353KB)
----src()
--------app()
--------tslint.json(314B)
--------karma.conf.js(964B)
--------assets()
--------tsconfig.spec.json(282B)
--------main.ts(370B)
--------test.ts(642B)
--------tsconfig.app.json(194B)
--------environments()
--------index.html(391B)
--------favicon.ico(5KB)
--------manifest.json(1KB)
--------styles.css(80B)
--------browserslist(375B)
--------polyfills.ts(3KB)
----assets()
--------ng-add-pwa.png(145KB)
--------manifest-screenshot.png(81KB)
--------ng-pwa.sketch(27KB)
--------ng-pwa.png(18KB)
--------ng-pwa.svg(3KB)
--------pwa_diekus.png(8KB)
--------pwa_diekus.svg(2KB)
--------angular.svg(883B)
--------sw-screenshot.png(97KB)
----LICENSE(1KB)
----tsconfig.json(384B)
----angular.json(4KB)
----README.md(12KB)
----.vscode()
--------settings.json(133B)
----.angulardoc.json(71B)
----.editorconfig(245B)