Switch from prerender-spa-plugin to react-snap

stereobooster · Jan 10, 2018 · ee73d39 · ee73d39
1 parent 7fffc3b
commit ee73d39
Show file tree

Hide file tree

Showing 4 changed files with 191 additions and 507 deletions.
diff --git a/examples/vue2-webpack-router/package.json b/examples/vue2-webpack-router/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "build": "rm -rf ./dist && cross-env NODE_ENV=production webpack --progress --hide-modules",
+    "postbuild": "react-snap",
     "deploy": "firebase deploy"
   },
   "dependencies": {
@@ -18,11 +19,14 @@
     "css-loader": "^0.25.0",
     "file-loader": "^0.9.0",
     "html-webpack-plugin": "^2.30.1",
-    "prerender-spa-plugin": "^2.1.0",
+    "react-snap": "^1.6.1",
     "vue-loader": "^12.1.0",
     "vue-router": "^2.7.0",
     "vue-template-compiler": "^2.3.3",
     "webpack": "^2.6.1",
     "webpack-dev-server": "^2.4.5"
+  },
+  "reactSnap": {
+    "source": "dist"
   }
 }
diff --git a/examples/vue2-webpack-router/src/main.js b/examples/vue2-webpack-router/src/main.js
@@ -24,3 +24,7 @@ new Vue({
   router,
   render: h => h(App)
 })
+
+window.snapSaveState = () => {
+  document.querySelector('#app').setAttribute('data-server-rendered', 'true')
+};
diff --git a/examples/vue2-webpack-router/webpack.config.js b/examples/vue2-webpack-router/webpack.config.js
@@ -1,6 +1,5 @@
 var path = require('path')
 var webpack = require('webpack')
-var PrerenderSpaPlugin = require('prerender-spa-plugin')
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
@@ -55,15 +54,6 @@ if (process.env.NODE_ENV === 'production') {
       filename: path.resolve(__dirname, 'dist/index.html'),
       favicon: 'favicon.ico'
     }),
-    new PrerenderSpaPlugin(
-      // Absolute path to compiled SPA
-      path.resolve(__dirname, './dist'),
-      // List of routes to prerender
-      [ '/', '/about', '/contact' ],
-      {
-        // options
-      }
-    )
   ])
 } else {
   // NODE_ENV === 'development'