Реализация PWA в Angular 9

Question

Я реализовал PWA в Angular 9 в том, что когда мы генерируем производственную сборку в это время, файл ngsw-worker. js автоматически создается в папке dist, поэтому необходимо снова создать отдельный файл sw. js.

У меня нет файла app. js в проекте, так что мы можем добавить эту функциональность в main.ts или app.component.ts

Answer 1

насколько я понимаю ваш вопрос, вы спрашиваете, где вы должны зарегистрировать вашего работника службы? (поправьте меня, если я ошибаюсь)

- идеальный способ регистрации работника сервиса - это файл app.module.ts. Если вы используете angular/cli, об этом позаботятся. (Для получения дополнительной информации вы можете обратиться к их документам здесь .)

- Вы также можете зарегистрировать работника сервиса в файле main.ts или в любом месте (любой файл ts), который вы хотите. (этот метод не оценен)

  . . .

  if ('serviceWorker' in navigator) {
    // you can specify environment in IF CONDITION as per requirement
    navigator.serviceWorker.register('/ngsw-worker.js');
  }