Support hot as first class option.

Still falls back to `process.env.NODE_ENV` check if no `hot` option is given.

Author: izaakschroeder

index.js

@@ -189,7 +189,11 @@ ExtractTextPlugin.prototype.extract = function(options) {
 	} else if(!Array.isArray(before)) {
 		before = [before];
 	}
-	options = mergeOptions({omit: before.length, remove: true}, options);
+	options = mergeOptions({
+		omit: before.length,
+		remove: true,
+		hot: !process.env.NODE_ENV || (process.env.NODE_ENV === "development")
+	}, options);
 	delete options.loader;
 	delete options.use;
 	delete options.fallback;
@@ -278,7 +282,7 @@ ExtractTextPlugin.prototype.apply = function(compiler) {
 
 		// HMR: inject file name into corresponding javascript modules in order to trigger
 		// appropriate hot module reloading of CSS
-		if (process.env.NODE_ENV === 'development') {
+		if (options.hot) {
 			compilation.plugin("before-chunk-assets", function() {
 				extractedChunks.forEach(function(extractedChunk) {
 					forEachChunkModule(extractedChunk, function(module) {

loader.js

@@ -15,7 +15,8 @@ var LimitChunkCountPlugin = require("webpack/lib/optimize/LimitChunkCountPlugin"
 var NS = fs.realpathSync(__dirname);
 
 module.exports = function(source) {
-	if (process.env.NODE_ENV !== 'development') return source
+	var hot = "hot" in query ? query.hot : (!process.env.NODE_ENV || process.env.NODE_ENV === "development");
+	if (!hot) return source
 
 	// We need to always require hotModuleReplacement.js for HMR to work in a wierd scenario
 	// where only one css file is imported. Otherwise HMR breaks when modules are disposed.
@@ -59,6 +60,7 @@ module.exports.pitch = function(request) {
 			filename: childFilename,
 			publicPath: publicPath || this._compilation.outputOptions.publicPath,
 		};
+		var hot = "hot" in query ? query.hot : (!process.env.NODE_ENV || process.env.NODE_ENV === "development");
 		var childCompiler = this._compilation.createChildCompiler("extract-text-webpack-plugin", outputOptions);
 		childCompiler.apply(new NodeTemplatePlugin());
 		childCompiler.apply(new LibraryTemplatePlugin(null, "commonjs2"));
@@ -139,7 +141,7 @@ module.exports.pitch = function(request) {
 					//
 					// All we need is a date that changes during dev, to trigger a reload since
 					// hashes generated based on the file contents are what trigger HMR.
-					if (process.env.NODE_ENV === 'development') {
+					if (hot) {
 						const pathVar = publicPath ?
 							`"${publicPath}"` : "__wepback_public_path__";
 						resultSource += `

schema/loader-schema.js

@@ -11,6 +11,7 @@ module.exports = {
 		"filename": { "type": "string" },
 		"use": { "type": ["string", "array", "object"] },
 		"publicPath": { "type": "string" },
+		"hot": { "type": "boolean" },
 
 		// deprecated
 		"fallbackLoader": { "type": ["string", "array", "object"] },

schema/plugin-schema.json

@@ -41,6 +41,10 @@
     "publicPath": {
       "description": "",
       "type": "string"
+    },
+    "hot": {
+      "description": "Enable HMR",
+      "type": "boolean"
     }
   }
 }