@siteone/builder-plugin-offline

plugin for Offline Plugin

Usage no npm install needed!

<script type="module">
  import siteoneBuilderPluginOffline from 'https://cdn.skypack.dev/@siteone/builder-plugin-offline';
</script>

README

@siteone/builder-plugin-offline

plugin for Offline Plugin

Install

$ npm install --save-dev @siteone/builder-plugin-offline

Usage

The plugin is recognized by and attached to @siteone/builder-core automatically.

However, you must manually include Offline's runtime into your bundle!

if (process.env.NODE_ENV === 'production') {
  if ('serviceWorker' in navigator) {
    require('offline-plugin/runtime').install();
  }
}

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 offline key on your bldr.config.js file.

Default Config:

exports.offline = {
  externals: [],
  appShell: '/index.html',
  excludes: ['**/.*', '**/*.map', '**/*.gz', '**/*.gzip', '**/*.br'],
  ServiceWorker: {
    output: 'sw.js',
    events: true
  }
}

Available Options:

Please refer to Offline Plugin's options options.