opensourcemirror
/
webpack
mirror of https://github.com/webpack/webpack.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Add web worker HMR support

This commit is contained in:
Spencer Elliott 2015-10-17 16:40:31 -04:00
parent b2ba75b4c4
commit c6ccf9d3a0
4 changed files with 108 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
lib/webworker/WebWorkerHotUpdateChunkTemplatePlugin.js Normal file
View File

@ -0,0 +1,26 @@
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
var ConcatSource = require("webpack-core/lib/ConcatSource");
var Template = require("../Template");
function WebWorkerHotUpdateChunkTemplatePlugin() {}
module.exports = WebWorkerHotUpdateChunkTemplatePlugin;
WebWorkerHotUpdateChunkTemplatePlugin.prototype.apply = function(hotUpdateChunkTemplate) {
hotUpdateChunkTemplate.plugin("render", function(modulesSource, modules, hash, id) {
var chunkCallbackName = this.outputOptions.hotUpdateFunction || Template.toIdentifier("webpackHotUpdate" + (this.outputOptions.library || ""));
var source = new ConcatSource();
source.add(chunkCallbackName + "(" + JSON.stringify(id) + ",");
source.add(modulesSource);
source.add(")");
return source;
});
hotUpdateChunkTemplate.plugin("hash", function(hash) {
hash.update("WebWorkerHotUpdateChunkTemplatePlugin");
hash.update("3");
hash.update(this.outputOptions.hotUpdateFunction + "");
hash.update(this.outputOptions.library + "");
});
};

51
lib/webworker/WebWorkerMainTemplate.runtime.js Normal file
View File

@ -0,0 +1,51 @@
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
/*globals hotAddUpdateChunk parentHotUpdateCallback importScripts XMLHttpRequest $require$ $hotChunkFilename$ $hotMainFilename$ */
module.exports = function() {
function webpackHotUpdateCallback(chunkId, moreModules) { // eslint-disable-line no-unused-vars
hotAddUpdateChunk(chunkId, moreModules);
if(parentHotUpdateCallback) parentHotUpdateCallback(chunkId, moreModules);
}
function hotDownloadUpdateChunk(chunkId) { // eslint-disable-line no-unused-vars
importScripts($require$.p + $hotChunkFilename$);
}
function hotDownloadManifest(callback) { // eslint-disable-line no-unused-vars
if(typeof XMLHttpRequest === "undefined")
return callback(new Error("No browser support"));
try {
var request = new XMLHttpRequest();
var requestPath = $require$.p + $hotMainFilename$;
request.open("GET", requestPath, true);
request.timeout = 10000;
request.send(null);
} catch(err) {
return callback(err);
}
request.onreadystatechange = function() {
if(request.readyState !== 4) return;
if(request.status === 0) {
// timeout
callback(new Error("Manifest request to " + requestPath + " timed out."));
} else if(request.status === 404) {
// no update available
callback();
} else if(request.status !== 200 && request.status !== 304) {
// other failure
callback(new Error("Manifest request to " + requestPath + " failed."));
} else {
// success
try {
var update = JSON.parse(request.responseText);
} catch(e) {
callback(e);
return;
}
callback(null, update);
}
};
}
};

29
lib/webworker/WebWorkerMainTemplatePlugin.js
View File

@ -7,6 +7,7 @@ var Template = require("../Template");
function WebWorkerMainTemplatePlugin() {}
module.exports = WebWorkerMainTemplatePlugin;
WebWorkerMainTemplatePlugin.prototype.constructor = WebWorkerMainTemplatePlugin;
WebWorkerMainTemplatePlugin.prototype.apply = function(mainTemplate) {
mainTemplate.plugin("local-vars", function(source, chunk) {
if(chunk.chunks.length > 0) {
@ -66,6 +67,34 @@ WebWorkerMainTemplatePlugin.prototype.apply = function(mainTemplate) {
}
return source;
});
mainTemplate.plugin("hot-bootstrap", function(source, chunk, hash) {
var hotUpdateChunkFilename = this.outputOptions.hotUpdateChunkFilename;
var hotUpdateMainFilename = this.outputOptions.hotUpdateMainFilename;
var hotUpdateFunction = this.outputOptions.hotUpdateFunction || Template.toIdentifier("webpackHotUpdate" + (this.outputOptions.library || ""));
var currentHotUpdateChunkFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateChunkFilename), {
hash: "\" + " + this.renderCurrentHashCode(hash) + " + \"",
hashWithLength: function(length) {
return "\" + " + this.renderCurrentHashCode(hash, length) + " + \"";
}.bind(this),
chunk: {
id: "\" + chunkId + \""
}
});
var currentHotUpdateMainFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateMainFilename), {
hash: "\" + " + this.renderCurrentHashCode(hash) + " + \"",
hashWithLength: function(length) {
return "\" + " + this.renderCurrentHashCode(hash, length) + " + \"";
}.bind(this)
});
return source + "\n" +
"var parentHotUpdateCallback = this[" + JSON.stringify(hotUpdateFunction) + "];\n" +
"this[" + JSON.stringify(hotUpdateFunction) + "] = " + Template.getFunctionContent(require("./WebWorkerMainTemplate.runtime.js"))
.replace(/\$require\$/g, this.requireFn)
.replace(/\$hotMainFilename\$/g, currentHotUpdateMainFilename)
.replace(/\$hotChunkFilename\$/g, currentHotUpdateChunkFilename)
.replace(/\$hash\$/g, JSON.stringify(hash));
});
mainTemplate.plugin("hash", function(hash) {
hash.update("webworker");
hash.update("3");

2
lib/webworker/WebWorkerTemplatePlugin.js
View File

@ -4,6 +4,7 @@
*/
var WebWorkerMainTemplatePlugin = require("./WebWorkerMainTemplatePlugin");
var WebWorkerChunkTemplatePlugin = require("./WebWorkerChunkTemplatePlugin");
var WebWorkerHotUpdateChunkTemplatePlugin = require("./WebWorkerHotUpdateChunkTemplatePlugin");
function WebWorkerTemplatePlugin() {}
module.exports = WebWorkerTemplatePlugin;
@ -11,5 +12,6 @@ WebWorkerTemplatePlugin.prototype.apply = function(compiler) {
compiler.plugin("this-compilation", function(compilation) {
compilation.mainTemplate.apply(new WebWorkerMainTemplatePlugin());
compilation.chunkTemplate.apply(new WebWorkerChunkTemplatePlugin());
compilation.hotUpdateChunkTemplate.apply(new WebWorkerHotUpdateChunkTemplatePlugin());
});
};