Demo of Workbox-driven (v4) bundled service worker
Slides
Sending the Angular app into deep, deep offline with Workbox
Prerequisites
- Latest stable versions of
node
,npm
installed. - Static web server with SPA support:
- serve. Recommended and pre-configured.
- superstatic. Use this as a fallback option.
Install
- Clone the repo
git checkout workbox-v4-bundle
npm install
Install/update Angular CLI
npm uninstall -g angular-cli
npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest
Check the version:
npm list @angular/cli version -g
The output should be at least 6.x.x
Checking the app
- In the terminal
ng serve
- Open http://localhost:4200/. You should see the page with
PWA For Production
header. - "Ctrl-C" to stop the app.
Creating a production build and serving it via external web server
npm run build-pwa-bundle
The dist/pwa-for-production
folder should be created.
- If you use
serve
: Runserve
and openhttp://127.0.0.1:5000
in your browser.
You should see the page with PWA For Production
header.