Angular 缓存图标:一个角度

Angular 缓存图标:一个角度,angular,ionic-framework,progressive-web-apps,ionicons,Angular,Ionic Framework,Progressive Web Apps,Ionicons,我想知道是否有人能帮我。我正在使用Ionic+Angular开发一个PWA,并使用Firebase托管它。事实上,当我失去了互联网,我失去了精神。。。我不知道如何修改我的ngsw-config.json使其工作 这是我的服务工作者配置文件 { "$schema": "./node_modules/@angular/service-worker/config/schema.json", "index": "/index.html", "assetGroups": [ {

我想知道是否有人能帮我。我正在使用Ionic+Angular开发一个PWA,并使用Firebase托管它。事实上,当我失去了互联网,我失去了精神。。。我不知道如何修改我的ngsw-config.json使其工作

这是我的服务工作者配置文件

{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/assets/fonts/*",
          "node_modules/videogular2/fonts/videogular.css",
          "/index.html",
          "/*.css",
          "/*.js"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

添加新节或扩展现有节,如下所示:

{
      "name": "icons",
      "installMode": "prefetch", // Download as soon as possible, may cause big net usage
      "updateMode": "prefetch", // Use cached version
      "resources": {
        "files": [
          "/svg/*.svg", // Path or template for your icons (Fetches all of it)
          "/svg/concrete.svg" // You may use concrete ones only
        ]
      }
}
如果你有一个很大的图标库,那么最好指定当应用程序处于脱机模式时哪些图标可用。 更多信息可以在这里找到