Looking for Feature Like importScripts but For Static Results Outside of Webpack

[ava-cassiopeia]

• I'm submitting a bug report
• I'm submitting a feature request
• I'm submitting a support request

webpack version:
4.5.0

sw-precache-webpack-plugin version:
0.11.5

Please tell us about your environment:
OSX 10.x

Browser: Chrome 66

Current behavior:

There is no way (that I know of) to do something like importScripts but for static HTML pages that are not a part of the Webpack build.

Expected/desired behavior:

Some sort of option for importScripts but it's just importStatic or similar so that the service worker will cache static pages of HTML.

Example:

const swGenerator = new SWPrecacheWebpackPlugin({
    /* ... */
    importStatic: ["/", "/foo", "/bar"]
});

☝🏻That would cause the service worker to cache the HTML present in the result of those URLs.

Additional context:

I'm using Laravel + Vue.js, so the Laravel bits are responsible for certain URLs returning certain HTML, so webpack doesn't know about any of the files being outputted because it's dynamically generated and served by Laravel. Maybe I'm just holding it wrong for this plugin, but I can't find a way to get it to generate a service worker file that includes certain, arbitrary URLs to be precached as well.

[ddykhoff]

I think you are looking for staticFileGlobs, which you'll want to use in conjunction with mergeStaticsConfig: true.

[kimown]

I think you maybe use runtimeCaching

#137 (comment)