ionic4 - 如何从 PWA 的离子标签中预取图像？

Question

问题观察

我正在尝试急切地加载应用程序及其图像。在 Google Chrome 中，我可以将 Ionic4/Angular8 PWA 设置为离线。我仍然可以浏览所有页面，因为我懒加载它们 - 并且 -PreloadAllModules被导入到 app-routing.module.ts

@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

但是，我使用的图标<ion-icon slot="start" name="Notifications"></ion-icon>不是预取的，因此不会出现在离线模式下（如果之前没有访问过该页面）。

我确实理解需要在 ngsw-config.json 文件中设置预取的图像，该文件将在构建命令运行后转换为 ngsw.json。该文件列出了所有要预取的图像和其他静态数据。

ngsw-config.json 的死胡同

• 我很快想到了预取整个 svg 文件夹。这几乎是半 MB。
• 将每个图像添加到 ngsw-config.json 文件。繁琐且容易忘记新图标。

问题

• 是否有特定的 Ionic 4 方法来检测要预取的图标？
• 对此有任何Angular 8方法吗？

标签： ionic4angular8