Separate build and pre-render tasks

.travis.yml

@@ -6,7 +6,7 @@ install: npm i
 
 script:
 - npm test
-- npm run build
+- npm run build:deploy
 
   # Remove unwanted files
 - find . -maxdepth 1 -type f  -not -name 'LICENSE' -not -name 'index.html' -not -name 'README.md' -delete &&

README.md

@@ -62,28 +62,18 @@ to withdraw your funds from an exchange.
 The keystore file is 100% compatible with MyEtherWallet, MetaMask, Mist, and geth.
 
 
-## Local development
+## Build Vanity-ETH from source
 
-Install dependencies
+The Travis CI bot 🤖 is in charge of building and deploying Vanity-ETH to Github pages, but you can make your own build
+from source is you want
 
 ```sh
+git clone https://github.com/bokub/vanity-eth
+cd vanity-eth
 npm i
-```
-
-Run the dev-sever while you code
-
-```sh
-npm run dev
-```
-
-Build the project (optional)
-
-```sh
 npm run build
 ```
 
-The Travis CI bot 🤖 is in charge of building and deploying Vanity-ETH to Github pages.
-
 ## Tips
 
 `0xAceBabe64807cb045505b268ef253D8fC2FeF5Bc`

package.json

@@ -26,7 +26,6 @@
     "html-webpack-plugin": "^3.2.0",
     "keccak": "^1.4.0",
     "node-sass": "^4.5.3",
-    "prerender-spa-plugin": "^3.2.1",
     "pretty": "^2.0.0",
     "randombytes": "^2.0.6",
     "remodal": "^1.1.1",
@@ -42,10 +41,12 @@
     "webpack-subresource-integrity": "^1.1.0-rc.5",
     "worker-loader": "^1.1.0"
   },
-  "license": "ISC",
+  "license": "MIT",
   "main": "index.js",
+  "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
+    "build:deploy": "npm i --no-save prerender-spa-plugin && cross-env DEPLOY=true npm run build",
     "build:stats": "cross-env NODE_ENV=production webpack --json > stats.json",
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "lint": "eslint --ext .js,.vue src --fix",

webpack.config.js

@@ -3,7 +3,6 @@ const webpack = require('webpack');
 const pretty = require('pretty');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const PrerenderSpaPlugin = require('prerender-spa-plugin');
 const SriPlugin = require('webpack-subresource-integrity');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
@@ -75,7 +74,7 @@ module.exports = {
 };
 
 if (process.env.NODE_ENV === 'production') {
-	module.exports.plugins = (module.exports.plugins || []).concat([
+	module.exports.plugins = module.exports.plugins.concat([
 		new ExtractTextPlugin('style.css'),
 		new webpack.optimize.UglifyJsPlugin({
 			sourceMap: false,
@@ -88,18 +87,24 @@ if (process.env.NODE_ENV === 'production') {
 			filename: '../index.html',
 			inject: false
 		}),
-		new SriPlugin({
-			hashFuncNames: ['sha256', 'sha384']
-		}),
-		new PrerenderSpaPlugin({
-			staticDir: path.join(__dirname),
-			routes: ['/'],
-			postProcess(renderedRoute) {
-				renderedRoute.html = pretty(renderedRoute.html, {ocd: true})
-					.replace('render', 'prerender')
-					.replace(/(data-v-[0-9a-f]+)=""/gm, '$1');
-				return renderedRoute;
-			}
-		})
 	]);
 }
+
+if (process.env.DEPLOY) {
+	const SpaPlugin = require('prerender-spa-plugin');
+    module.exports.plugins = module.exports.plugins.concat([
+        new SriPlugin({
+        	hashFuncNames: ['sha256', 'sha384']
+        }),
+        new SpaPlugin({
+        	staticDir: path.join(__dirname),
+        	routes: ['/'],
+        	postProcess(renderedRoute) {
+        		renderedRoute.html = pretty(renderedRoute.html, {ocd: true})
+        			.replace('render', 'prerender')
+        			.replace(/(data-v-[0-9a-f]+)=""/gm, '$1');
+        		return renderedRoute;
+        	}
+        })
+    ]);
+}