Simplifies creation of serviceworker files to serve your PWA.
- install
$ npm i serviceworker-webpack-plugins --save-dev- setup
webpack.config.js
const ServiceworkerPlugins = require('serviceworker-webpack-plugins')
module.exports = {
// ...
plugins: [
new ServiceworkerPlugins({
entry: {
sw: {
filename: 'sw.js',
path: ''
},
register: {
filename: 'sw-register.js',
path: ''
}
},
include: [] // [PATH] exclude cacheFiles path
})
]
}Please pay attention before use:
Insert the following script tag below your body node
<script>
let script = document.createElement('script')
let el = document.body.getElementsByTagName('script')[0]
script.src = `./sw.js?v=${Date.now()}`
el.parentNode.insertBefore(script,el)
</script>Local debugging
- Chrome whiteList Setting：chrome://flags/#unsafely-treat-insecure-origin-as-secure
- Reason: https://www.chromium.org/Home/chromium-security/prefer-secure-origins-for-powerful-new-features
createChildCompiler
/**
* @params compilerName
* @params outputOptions
**/
const childCompiler = compilation.createChildCompiler(compilerName,outputOptions)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent