如何编辑 Angular CLI 项目的 Service Worker 文件

我已经添加了@angular/pwa使用以下命令打包到我的 Angular CLI 项目ng add @angular/pwa --project *project-name*所以它变成了一个渐进式 Web 应用程序，这增加了我认识的服务人员。我想编辑默认服务人员以支持例如处理共同目标 https://wicg.github.io/web-share-target/#example-4-sw-js链接。我看到服务工作者已注册到一个名为的文件ngsw-worker.js使用 Google Chrome 中的“检查”选项。我如何编辑该服务人员（ngsw-worker.js）由 Angular CLI 在编译时创建ng build --prod？什么是最好的方法？

这是一个好问题，不知道为什么如此被否决。 正如所解释的here https://medium.com/@smarth55/extending-the-angular-cli-service-worker-44bfc205894c实现此目的的最佳方法是用您自己的服务扩展原始 Service Worker：

importScripts('./ngsw-worker.js');

// my new features
self.addEventListener('notificationclick', (event) => {
  console.log('notification clicked!')
});

然后将新的添加到 angular.json 资产数组中：

"assets": {
  ...,
  "src/my-service-worker.js"
}

然后替换app.module中的sw文件：

//app.module.ts
ServiceWorkerModule.register('my-service-worker.js', { enabled: environment.production 
})

干净又简单。