Skip to content

Feature: Webpack PWA add-on/scaffold #137

@addyosmani

Description

@addyosmani

As part of #101, we'd like to create a minimal, but useful, Webpack add-on for those getting started with Progressive Web Apps. This would build on the work that was done for the default --init starting point in #119.

  • Handle favicons and Web App Manifest. Either via a static include of some defaults (just the files) that get wired up using HTML Webpack Plugin with another plugin like https://github.com/jantimon/favicons-webpack-plugin. Most people do this statically.
  • Add offline caching support for static assets (CSS, JS) w/sw-precache. We could also do it for HTML - if someone is building an SPA this would get them closer to an AppShell model style level of caching. If not, it would do full-page caching.
  • Performance budgets by default?

Validation: It should be possible to take a simple app, even something like a rando TodoMVC implementation, run it with webpack-cli and this add-on and be able to generate an offline-first PWA that an get a decent score on Lighthouse.

I've also filed webpack/webpack.js.org#1145 for us to think about guidance around this topic for the official Webpack docs.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions