角度5とサービス労働者：ngsw-config.json

Question

から特定のパスを除外するためにはどうすれば（docsから取られた）ngsw-config.jsonを持っている：私のサイトで

{ 
    "index": "/index.html", 
    "assetGroups": [{ 
    "name": "app", 
    "installMode": "prefetch", 
    "resources": { 
     "files": [ 
     "/favicon.ico", 
     "/index.html" 
     ], 
     "versionedFiles": [ 
     "/*.bundle.css", 
     "/*.bundle.js", 
     "/*.chunk.js" 
     ] 
    } 
    }, { 
    "name": "assets", 
    "installMode": "lazy", 
    "updateMode": "prefetch", 
    "resources": { 
     "files": [ 
     "/assets/**" 
     ] 
    } 
    }] 
} 

RSSフィードへのリンクがある/api/rss Angular appを読み込まずに新しいブラウザタブで開く必要があります。要求がindex.htmlにリダイレクトされたリソースのリストから除外するにはどうすればよいですか？

UPD：私は（!/api/rssを参照）しようとしたが、以下の設定を動作していない：

{ 
    "index": "/index.html", 
    "assetGroups": [{ 
    "name": "app", 
    "installMode": "prefetch", 
    "patterns": ["!/api/rss"], 
    "resources": { 
     "files": [ 
     "/favicon.ico", 
     "/index.html", 
     "!/api/rss" 
     ], 
     "versionedFiles": [ 
     "/*.bundle.css", 
     "/*.bundle.js", 
     "/*.chunk.js" 
     ] 
    } 
    }, { 
    "name": "assets", 
    "installMode": "lazy", 
    "updateMode": "prefetch", 
    "resources": { 
     "files": [ 
     "/assets/**" 
     ] 
    } 
    }] 
} 

Answer 1

感謝Pedro Arantesadviceに、私は次の作業設定に達しました（dataGroups a ND "maxAge": "0u"）：私は間違っていないよ場合

{ 
    "index": "/index.html", 
    "dataGroups": 
    [ 
    { 
     "name": "api", 
     "urls": ["/api"], 
     "cacheConfig": { 
     "maxSize": 0, 
     "maxAge": "0u", 
     "strategy": "freshness" 
     } 
    } 
    ], 
    "assetGroups": 
    [ 
    { 
     "name": "app", 
     "installMode": "prefetch", 
     "resources": { 
     "files": [ 
      "/favicon.ico", 
      "/index.html" 
     ], 
     "versionedFiles": [ 
      "/*.bundle.css", 
      "/*.bundle.js", 
      "/*.chunk.js" 
     ] 
     } 
    }, 
    { 
     "name": "assets", 
     "installMode": "lazy", 
     "updateMode": "prefetch", 
     "resources": { 
     "files": [ 
      "/assets/**" 
     ] 
     } 
    } 
    ] 
} 

Answer 2

このことができます場合は私に知らせてください：

{ 
    "exclude": [ 
    "test.ts", 
    "**/*.spec.ts" 
    ] 
    } 

Answer 3

​​ファイルははglob形式を使用していますパターンマッチングパス。

Patterns use a limited glob format: 

** matches 0 or more path segments. 
* matches exactly one path segment or filename segment. 
The ! prefix marks the pattern as being negative, meaning that only files that don't match the pattern will be included. 

ここで重要なことは、パスを除外するために使用できる接頭辞!です。 たとえば、グロブパターン!/api/rssは、このパスを除外する必要があります。

nags-configuration.jsonファイルからパスを除外するには、単にこのパスパターンに!文字を追加します。

Answer 4

既にデータグループを作成しようとしましたか？ dataGroupsは、資産（ファイル）に対してassetGroupsなどのデータ要求に使用されます。

データグループ

は、資産資源とは異なり、データ要求はアプリと一緒に をバージョン管理されていません。これらは、手動で設定された ポリシーに従ってキャッシュされ、APIリクエストや その他のデータの依存関係などの場合に便利です。

データグループインターフェイス：

export interface DataGroup { 
    name: string; 
    urls: string[]; 
    version?: number; 
    cacheConfig: { 
    maxSize: number; 
    maxAge: string; 
    timeout?: string; 
    strategy?: 'freshness' | 'performance'; 
    }; 
} 

あなたは"!/api/rss"が動作しない場合、あなたはurls": ["/api/user", "/api/admin"]で他のすべてのAPIを追加することができます（/api/rssを除くデータグループを作成することができます：

{ 
    "index": "/index.html", 
    "assetGroups": [{ 
    "name": "assetGroup1", 
    ... 
    }, { 
    "name": "assetGroup1", 
    ... 
    }], 
    "dataGroups": [{ 
    "name": "dataGroup1"; 
    "urls": ["!/api/rss"]; 
    cacheConfig: { 
     maxSize: 50; 
     maxAge: "3d12h"; 
    } 
    }, { 
    "name": "dataGroup2"; 
    "urls": ["/api/user"]; 
    cacheConfig: { 
     maxSize: 40; 
     maxAge: "3d12h"; 
    } 
    }] 
}