Add hash to bundle.js to break caching on change

package.json

@@ -21,7 +21,8 @@
     "jsx-loader": "^0.13.2",
     "mocha": "^2.3.3",
     "webpack": "^1.12.2",
-    "webpack-dev-server": "^1.12.0"
+    "webpack-dev-server": "^1.12.0",
+    "webpack-file-changer": "^2.0.1"
   },
   "dependencies": {
     "freezer-js": "^0.8.0",

public/app.css

@@ -60,7 +60,7 @@ span.fhir-element-value {
 .footer {
   padding-top: 10px;
   border-top: 2px solid #317eac;
-  margin-top: 20px;
+  margin-top: 40px;
   text-align: center;
 }
 

public/bundle.js → public/bundle.aada187d50d6db0545c2.js

@@ -69463,7 +69463,8 @@
 			"jsx-loader": "^0.13.2",
 			"mocha": "^2.3.3",
 			"webpack": "^1.12.2",
-			"webpack-dev-server": "^1.12.0"
+			"webpack-dev-server": "^1.12.0",
+			"webpack-file-changer": "^2.0.1"
 		},
 		"dependencies": {
 			"freezer-js": "^0.8.0",

public/index.html

@@ -24,6 +24,6 @@
 
 	<script src="./vendor/jquery-2.1.4.min.js"></script>
   <script src="./vendor/FileSaver.min.js"></script>
-	<script src="bundle.js"></script>
+	<script src="bundle.aada187d50d6db0545c2.js"></script>
 </div></body>
 </html>

webpack.config.js

@@ -1,7 +1,41 @@
+var FileChanger = require("webpack-file-changer");
+var fs = require("fs");
+var path = require("path");
+
+getPlugins = function() {
+	if (process.env.WEBPACK_ENV != 'build') return;
+
+	var fileChangerOptions = {
+		change: [{
+			file: './public/index.html',
+			parameters: {
+				'bundle\.(.+)\.js': 'bundle.[renderedHash:0].js'
+			},
+			// delete all but most recent bundle
+			before: function(stats, change) {
+				var dir = './public/';
+				var files = fs.readdirSync(dir)
+					.filter(function (name) { return /bundle\.(.+)\.js/.test(name) } )
+					.sort(function(a, b) {
+						return fs.statSync(path.join(dir, b)).mtime.getTime() -
+							fs.statSync(path.join(dir, a)).mtime.getTime();
+					})
+					.forEach(function(name, i) {
+						if (i > 0) fs.unlinkSync(path.join(dir, name))
+					})
+				return true;
+			}
+		}]
+	};
+
+	return [ new FileChanger(fileChangerOptions) ]
+};
+
 module.exports = {
 	entry: './src/index.cjsx',
+	plugins: getPlugins(),
 	output: {
-		filename: (process.env.WEBPACK_ENV === 'build' ? './public/bundle.js' : 'bundle.js')
+		filename: (process.env.WEBPACK_ENV === 'build' ? './public/bundle.[chunkhash].js' : 'bundle.js')
 	},
 	module: {
 		loaders: [