@siteone/builder-plugin-sw-workbox
v0.12.0
Published
> plugin for [Workbox SW](https://developers.google.com/web/tools/workbox/modules/workbox-sw)
Downloads
20
Keywords
Readme
@siteone/builder-plugin-sw-workbox
plugin for Workbox SW
BLDR runs Workbox in the GenerateSW
mode by default.
If you'd like to use InjectManifest
mode for more control, you must set either advanced
or injectManifest
to true.
Important: With
InjectManiest
, you must also create aservice-worker.js
template file in yoursrc
directory.
Further Reading
Install
$ npm install --save-dev @siteone/builder-plugin-sw-workbox
Usage
The plugin is recognized by and attached to @siteone/builder-core
automatically.
However, you must manually include the generated sw.js
file into your bundle!
if (process.env.NODE_ENV === 'production') {
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js');
}
}
Note: For SW beginners, it's strongly recommended you use the above snippet! However, it's not required to wrap registration in a
NODE_ENV === 'production'
check.
Config
Configurable via the workbox
key on your bldr.config.js
file.
Default Config:
exports.workbox = {
advanced: false, // alias
injectManifest: false, // alias
swSrc: 'service-worker.js', // template; mode: InjectManifest
navigateFallbackWhitelist: [/^(?!\/__).*/], // mode: GenerateSW
navigateFallback: 'index.html', // mode: GenerateSW
swDest: 'sw.js',
exclude: [
/\.git/,
/\.map$/,
/\.DS_Store/,
/^manifest.*\.js(?:on)?$/,
/\.gz(ip)?$/,
/\.br$/
]
}
Available Options:
If either injectManifest
or advanced
is set, please see InjectManifest options.
Otherwise, please refer to the GenerateSW options.