is support mpa?

[luozhihua]

A Multiple page app has multiple html page, how ever, vite-plugin-pwa generate only one route for index.html:

workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
    denylist: [/^\/backoffice/]
  }));

Is there a way to generating multipe route for multiple pages?

• foo/index.html
• bar/index.html

workbox.registerRoute(
    new workbox.NavigationRoute(
        workbox.createHandlerBoundToURL("foo/index.html"), 
    )
);
workbox.registerRoute(
    new workbox.NavigationRoute(
        workbox.createHandlerBoundToURL("bar/index.html"), 
    )
);

[userquin]

@luozhihua I have this repo for a vitesse clone using a custom sw: https://github.com/userquin/test-pwa-ts-4.5.5/blob/main/src/sw.ts, you can check the result here optimistic-cray-38ef22.netlify.app

You should also configure your server for serving the pages instead acting as a SPA, just check netlify.toml with the redirects for each route.

EDIT: since vitesse is using vue-router we map the html pages to the corresponding logical name on the router: https://github.com/userquin/test-pwa-ts-4.5.5/blob/main/src/sw.ts#L18. You should update the logic.

[userquin]

@luozhihua you have some hints here: antfu-collective/vitesse#252 (comment)

[userquin]

check vite-pwa/sveltekit#65 (comment)