将 Service Worker 安装到 Angular 4 应用程序 - 无 Angular CLI答案

【问题标题】：Install a Service Worker to Angular 4 App - no Angular CLI将 Service Worker 安装到 Angular 4 应用程序 - 无 Angular CLI
【发布时间】：2019-01-18 12:00:49
【问题描述】：

我目前的情况是我支持一个在 Angular CLI 成为事实上的标准之前的应用程序。它通过 SystemJS 而不是 WebPack 支持。

我想安装一个 Service Worker，但是大量的文档、博客等使用 Angular CLI 从观众那里得到了认可。有没有人有在 Angular App sans CLI 上安装 service worker 的解决方案/分步指南？

感谢您的宝贵时间！

【问题讨论】：

这似乎是一个有效的问题。为什么它被否决了？
感谢您的支持@DeborahK - 我真的很喜欢您的所有 Pluralsight 教程。
Cory 在这里有一篇不错的文章：coryrylan.com/blog/… 他已将其更新为 Angular 6 ...但如果您与他联系，可能会有旧版本的文章/代码。

标签： javascript angular angular-cli service-worker angular-service-worker

【解决方案1】：

我建议从这里开始https://developers.google.com/web/tools/workbox/ Workbox 是 Google 最新的 Service Worker 库。我实际上在我的 Angular CLI 项目和非 Angular 项目（React、Jekyll 等）中使用了它，因为它几乎可以与任何东西配合使用，并且具有非常强大的功能集。它完全通用，您可以通过 CLI 命令、NodeJS 构建脚本或 Webpack 插件使用 Workbox 生成服务工作者。

【讨论】：