Move to runtime

Still double requests on load

Also leaks path to runtime in bundle

Author: cletusw

hotModuleReplacement.js

@@ -0,0 +1,18 @@
+module.exports = function(compilationHash, publicPath, outputFilename) {
+  if (document) {
+    var styleSheets = document.getElementsByTagName('link');
+    for (var i = 0; i < styleSheets.length; i++) {
+      if (styleSheets[i].href) {
+        var hrefUrl = styleSheets[i].href.split('?');
+        var href = hrefUrl[0];
+        var hash = hrefUrl[1];
+        if (hash !== compilationHash && href === document.location.origin + publicPath + outputFilename) {
+          var url = href + '?' + compilationHash;
+          styleSheets[i].href = url;
+          console.log('[HMR]', 'Reload css: ', url);
+          break;
+        }
+      }
+    }
+  }
+}

loader.js

@@ -8,9 +8,13 @@ var NodeTargetPlugin = require("webpack/lib/node/NodeTargetPlugin");
 var LibraryTemplatePlugin = require("webpack/lib/LibraryTemplatePlugin");
 var SingleEntryPlugin = require("webpack/lib/SingleEntryPlugin");
 var LimitChunkCountPlugin = require("webpack/lib/optimize/LimitChunkCountPlugin");
+
+var extractTextPluginHmrRuntime = require.resolve("./hotModuleReplacement.js");
+
 module.exports = function(source) {
 	if(this.cacheable) this.cacheable();
-	return source;
+	// Even though this gets overwritten if extract+remove are true, without it, the runtime doesn't get added to the chunk
+	return "if(module.hot){require('" + extractTextPluginHmrRuntime + "');}\n" + source;
 };
 module.exports.pitch = function(request) {
 	if(this.cacheable) this.cacheable();
@@ -109,7 +113,7 @@ module.exports.pitch = function(request) {
 						if (text.locals) {
 							resultSource += "\nmodule.exports = " + JSON.stringify(text.locals) + ";";
 						}
-						resultSource += "\nfunction replaceStylesheet(styleSheet,url){styleSheet.href=url;console.log('[HMR]','Reload css: ',url)}\nfunction cssReload(compilationHash,publicPath,outputFilename){if(document){var styleSheets=document.getElementsByTagName('link');for(var i=0;i<styleSheets.length;i++){if(styleSheets[i].href){var hrefUrl=styleSheets[i].href.split('?');var href=hrefUrl[0];var hash=hrefUrl[1];if(hash!==compilationHash&&href===document.location.origin+publicPath+outputFilename){replaceStylesheet(styleSheets[i],href+'?'+compilationHash);break}}}}}\nif(module.hot){\nmodule.hot.accept();\ncssReload('%%extracted-hash%%','" + publicPath + "','%%extracted-file%%');}";
+						resultSource += "\nif(module.hot){\nmodule.hot.accept();\nrequire('" + extractTextPluginHmrRuntime + "')('%%extracted-hash%%','" + publicPath + "','%%extracted-file%%');}";
 					}
 				} catch(e) {
 					return callback(e);