feat(docs): add service worker cache

Author: janryWang

lib/assets/template.ejs

@@ -17,6 +17,9 @@
  // The above line can throw if we do not have access to the parent frame -- i.e. cross origin
  }
  }
+ if ('serviceWorker' in navigator) {
+ navigator.serviceWorker.register('/service-worker.js')
+ }
  </script>
  <%= header %>
  <style>
@@ -58,15 +61,6 @@
  if(svg) svg.style.display = 'block'
  },1000)
  </script>
- <script
- src="https://unpkg.com/react@16/umd/react.<%= development ? "development" : "production.min" %>.js"
- ></script>
- <script
- src="https://unpkg.com/react-dom@16/umd/react-dom.<%= development ? "development" : "production.min" %>.js"
- ></script>
- <script
- src="https://unpkg.com/react-is@16/umd/react-is.<%= development ? "development" : "production.min" %>.js"
- ></script>
  <%= footer %>
  </body>
 </html>

lib/webpack/base.js

@@ -54,11 +54,6 @@ module.exports = function (options) {
  'styled-components': require.resolve('styled-components')
  }, _alias[pkg.name] = getPkgPath(), _alias)
  },
- externals: {
- react: 'React',
- 'react-dom': 'ReactDOM',
- 'react-is': 'ReactIs'
- },
  plugins: [new ProgressBarPlugin({
  clear: true
  }), new CaseSensitivePathsPlugin(), new webpack.ContextReplacementPlugin(/lib[/\\]languages$/, /javascript|htmlbars|typescript|scss|css|bash/)],

lib/webpack/production.js

@@ -14,6 +14,9 @@ var pkg = require(path.resolve(process.cwd(), './package.json'));
 
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 
+var _require = require('workbox-webpack-plugin'),
+ GenerateSW = _require.GenerateSW;
+
 module.exports = function (options) {
  var _ref = options || {},
  header = _ref.header,
@@ -28,7 +31,7 @@ module.exports = function (options) {
  chunks: ['index'],
  templateParameters: {
  title: title ? title : pkg.name + "@" + pkg.version,
- development: true,
+ development: false,
  header: header,
  footer: footer
  }
@@ -40,11 +43,11 @@ module.exports = function (options) {
  chunks: ['iframe'],
  templateParameters: {
  title: title ? title : pkg.name + "@" + pkg.version,
- development: true,
+ development: false,
  header: header,
  footer: footer
  }
- }));
+ }), new GenerateSW());
  return (0, _extends2["default"])({}, config, {
  mode: 'production'
  });

package.json

@@ -1,6 +1,6 @@
 {
  "name": "doc-scripts",
- "version": "1.8.5",
+ "version": "1.8.6",
  "description": "react demo server",
  "main": "lib",
  "scripts": {
@@ -75,7 +75,8 @@
  "virtual-module-webpack-plugin": "^0.4.1",
  "webpack": "^4.28.2",
  "webpack-dev-server": "^3.1.14",
- "webpack-merge": "^4.1.5"
+ "webpack-merge": "^4.1.5",
+ "workbox-webpack-plugin": "^5.1.1"
  },
  "license": "MIT",
  "author": "janryWang",

src/assets/template.ejs

@@ -17,6 +17,9 @@
  // The above line can throw if we do not have access to the parent frame -- i.e. cross origin
  }
  }
+ if ('serviceWorker' in navigator) {
+ navigator.serviceWorker.register('/service-worker.js')
+ }
  </script>
  <%= header %>
  <style>
@@ -58,15 +61,6 @@
  if(svg) svg.style.display = 'block'
  },1000)
  </script>
- <script
- src="https://unpkg.com/react@16/umd/react.<%= development ? "development" : "production.min" %>.js"
- ></script>
- <script
- src="https://unpkg.com/react-dom@16/umd/react-dom.<%= development ? "development" : "production.min" %>.js"
- ></script>
- <script
- src="https://unpkg.com/react-is@16/umd/react-is.<%= development ? "development" : "production.min" %>.js"
- ></script>
  <%= footer %>
  </body>
 </html>

src/webpack/base.js

@@ -42,11 +42,6 @@ module.exports = options => ({
  [pkg.name]: getPkgPath()
  }
  },
- externals: {
- react: 'React',
- 'react-dom': 'ReactDOM',
- 'react-is': 'ReactIs'
- },
  plugins: [
  new ProgressBarPlugin({
  clear: true

src/webpack/production.js

@@ -3,6 +3,8 @@ const webpack = require('webpack')
 const path = require('path')
 const pkg = require(path.resolve(process.cwd(), './package.json'))
 const HtmlWebpackPlugin = require('html-webpack-plugin')
+const { GenerateSW } = require('workbox-webpack-plugin')
+
 
 module.exports = (options) => {
  const { header, footer, title } = options || {}
@@ -15,7 +17,7 @@ module.exports = (options) => {
  chunks:['index'],
  templateParameters:{
  title: title ? title : `${pkg.name}@${pkg.version}`,
- development: true,
+ development: false,
  header,
  footer
  }
@@ -28,11 +30,12 @@ module.exports = (options) => {
  chunks:['iframe'],
  templateParameters:{
  title: title ? title : `${pkg.name}@${pkg.version}`,
- development: true,
+ development: false,
  header,
  footer
  }
- })
+ }),
+ new GenerateSW()
  )
  return {
  ...config,