Cache external content - Githubissues

web-dave / angular-starter-v2

6 stars 3 forks source link

Cache external content #27

Open web-dave opened 7 years ago

web-dave commented 7 years ago

create a icon.css next to your styles.scss
import google Material Icons
import icon.css into your styles.scss
add a icon in your index.html
add the urls to the ngsw-manifest.json
build your app and test it

web-dave commented 7 years ago

icon.css

@import "https://fonts.googleapis.com/icon?family=Material+Icons";

styles.scss

@import './icon.css';

web-dave commented 7 years ago

index.html (body)


<i class="material-icons">album</i>

web-dave commented 7 years ago

ngsw-manifest.json

...
  "external": {
    "urls": [
      {
        "url": "https://fonts.googleapis.com/icon?family=Material+Icons"
      },
      {
        "url": "https://fonts.gstatic.com/s/materialicons/v23/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2"
      }
    ]
  }