@ringcentral/mfe-service-worker
v0.3.9
Published
A micro frontends framework for building Web applications
Downloads
79
Keywords
Readme
@ringcentral/mfe-service-worker
A micro frontends framework for building Web applications
Usage
npm install @ringcentral/mfe-service-worker
# or
yarn add @ringcentral/mfe-service-worker
You can visit https://github.com/ringcentral/ringcentral-mfe for more documentation.
- init service worker
importScripts('/public-path/service-worker.mfe.js');
const subAppServiceWorkerManager = new mfe.SubAppServiceWorkerManager();
subAppServiceWorkerManager.listener();
- register service worker
import mfe from '@ringcentral/mfe-service-worker';
await navigator.serviceWorker.register('/service-worker.js').then((res) => {
console.log('[MAIN] register success');
});
// receive prefixes parmas which will match request path, if matched, will
// return cache file
mfe
.registerSubApp({
name: 'phone',
scope: 'https://app.ringcentral.com/mfe/platform/23.2.10/',
version: '0.0.1',
manifestRelativePath: 'precache-manifest',
})
.then(() => {
console.log('phone register success');
});
- add webpack plugin
import { GenerateManifestWebpackPlugin } from '@ringcentral/mfe-service-worker/generate-manifest-webpack-plugin';
{
plugin: [
new GenerateManifestWebpackPlugin();
]
}