chushihua
This commit is contained in:
li
+212
@@ -0,0 +1,212 @@
|
||||
/*
|
||||
MIT License http://www.opensource.org/licenses/mit-license.php
|
||||
Author Tobias Koppers @sokra
|
||||
*/
|
||||
"use strict";
|
||||
|
||||
const Template = require("./Template");
|
||||
|
||||
class JsonpMainTemplatePlugin {
|
||||
|
||||
apply(mainTemplate) {
|
||||
mainTemplate.plugin("local-vars", function(source, chunk) {
|
||||
if(chunk.chunks.length > 0) {
|
||||
return this.asString([
|
||||
source,
|
||||
"",
|
||||
"// objects to store loaded and loading chunks",
|
||||
"var installedChunks = {",
|
||||
this.indent(
|
||||
chunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(",\n")
|
||||
),
|
||||
"};"
|
||||
]);
|
||||
}
|
||||
return source;
|
||||
});
|
||||
mainTemplate.plugin("jsonp-script", function(_, chunk, hash) {
|
||||
const chunkFilename = this.outputOptions.chunkFilename;
|
||||
const chunkMaps = chunk.getChunkMaps();
|
||||
const crossOriginLoading = this.outputOptions.crossOriginLoading;
|
||||
const chunkLoadTimeout = this.outputOptions.chunkLoadTimeout;
|
||||
const jsonpScriptType = this.outputOptions.jsonpScriptType;
|
||||
const scriptSrcPath = this.applyPluginsWaterfall("asset-path", JSON.stringify(chunkFilename), {
|
||||
hash: `" + ${this.renderCurrentHashCode(hash)} + "`,
|
||||
hashWithLength: length => `" + ${this.renderCurrentHashCode(hash, length)} + "`,
|
||||
chunk: {
|
||||
id: "\" + chunkId + \"",
|
||||
hash: `" + ${JSON.stringify(chunkMaps.hash)}[chunkId] + "`,
|
||||
hashWithLength(length) {
|
||||
const shortChunkHashMap = Object.create(null);
|
||||
Object.keys(chunkMaps.hash).forEach(chunkId => {
|
||||
if(typeof chunkMaps.hash[chunkId] === "string")
|
||||
shortChunkHashMap[chunkId] = chunkMaps.hash[chunkId].substr(0, length);
|
||||
});
|
||||
return `" + ${JSON.stringify(shortChunkHashMap)}[chunkId] + "`;
|
||||
},
|
||||
name: `" + (${JSON.stringify(chunkMaps.name)}[chunkId]||chunkId) + "`
|
||||
}
|
||||
});
|
||||
return this.asString([
|
||||
"var script = document.createElement('script');",
|
||||
`script.type = ${JSON.stringify(jsonpScriptType)};`,
|
||||
"script.charset = 'utf-8';",
|
||||
"script.async = true;",
|
||||
`script.timeout = ${chunkLoadTimeout};`,
|
||||
crossOriginLoading ? `script.crossOrigin = ${JSON.stringify(crossOriginLoading)};` : "",
|
||||
`if (${this.requireFn}.nc) {`,
|
||||
this.indent(`script.setAttribute("nonce", ${this.requireFn}.nc);`),
|
||||
"}",
|
||||
`script.src = ${this.requireFn}.p + ${scriptSrcPath};`,
|
||||
`var timeout = setTimeout(onScriptComplete, ${chunkLoadTimeout});`,
|
||||
"script.onerror = script.onload = onScriptComplete;",
|
||||
"function onScriptComplete() {",
|
||||
this.indent([
|
||||
"// avoid mem leaks in IE.",
|
||||
"script.onerror = script.onload = null;",
|
||||
"clearTimeout(timeout);",
|
||||
"var chunk = installedChunks[chunkId];",
|
||||
"if(chunk !== 0) {",
|
||||
this.indent([
|
||||
"if(chunk) {",
|
||||
this.indent("chunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));"),
|
||||
"}",
|
||||
"installedChunks[chunkId] = undefined;"
|
||||
]),
|
||||
"}"
|
||||
]),
|
||||
"};",
|
||||
]);
|
||||
});
|
||||
mainTemplate.plugin("require-ensure", function(_, chunk, hash) {
|
||||
return this.asString([
|
||||
"var installedChunkData = installedChunks[chunkId];",
|
||||
"if(installedChunkData === 0) {",
|
||||
this.indent([
|
||||
"return new Promise(function(resolve) { resolve(); });"
|
||||
]),
|
||||
"}",
|
||||
"",
|
||||
"// a Promise means \"currently loading\".",
|
||||
"if(installedChunkData) {",
|
||||
this.indent([
|
||||
"return installedChunkData[2];"
|
||||
]),
|
||||
"}",
|
||||
"",
|
||||
"// setup Promise in chunk cache",
|
||||
"var promise = new Promise(function(resolve, reject) {",
|
||||
this.indent([
|
||||
"installedChunkData = installedChunks[chunkId] = [resolve, reject];"
|
||||
]),
|
||||
"});",
|
||||
"installedChunkData[2] = promise;",
|
||||
"",
|
||||
"// start chunk loading",
|
||||
"var head = document.getElementsByTagName('head')[0];",
|
||||
this.applyPluginsWaterfall("jsonp-script", "", chunk, hash),
|
||||
"head.appendChild(script);",
|
||||
"",
|
||||
"return promise;"
|
||||
]);
|
||||
});
|
||||
mainTemplate.plugin("require-extensions", function(source, chunk) {
|
||||
if(chunk.chunks.length === 0) return source;
|
||||
|
||||
return this.asString([
|
||||
source,
|
||||
"",
|
||||
"// on error function for async loading",
|
||||
`${this.requireFn}.oe = function(err) { console.error(err); throw err; };`
|
||||
]);
|
||||
});
|
||||
mainTemplate.plugin("bootstrap", function(source, chunk, hash) {
|
||||
if(chunk.chunks.length > 0) {
|
||||
var jsonpFunction = this.outputOptions.jsonpFunction;
|
||||
return this.asString([
|
||||
source,
|
||||
"",
|
||||
"// install a JSONP callback for chunk loading",
|
||||
`var parentJsonpFunction = window[${JSON.stringify(jsonpFunction)}];`,
|
||||
`window[${JSON.stringify(jsonpFunction)}] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {`,
|
||||
this.indent([
|
||||
"// add \"moreModules\" to the modules object,",
|
||||
"// then flag all \"chunkIds\" as loaded and fire callback",
|
||||
"var moduleId, chunkId, i = 0, resolves = [], result;",
|
||||
"for(;i < chunkIds.length; i++) {",
|
||||
this.indent([
|
||||
"chunkId = chunkIds[i];",
|
||||
"if(installedChunks[chunkId]) {",
|
||||
this.indent("resolves.push(installedChunks[chunkId][0]);"),
|
||||
"}",
|
||||
"installedChunks[chunkId] = 0;"
|
||||
]),
|
||||
"}",
|
||||
"for(moduleId in moreModules) {",
|
||||
this.indent([
|
||||
"if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {",
|
||||
this.indent(this.renderAddModule(hash, chunk, "moduleId", "moreModules[moduleId]")),
|
||||
"}"
|
||||
]),
|
||||
"}",
|
||||
"if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);",
|
||||
"while(resolves.length) {",
|
||||
this.indent("resolves.shift()();"),
|
||||
"}",
|
||||
this.entryPointInChildren(chunk) ? [
|
||||
"if(executeModules) {",
|
||||
this.indent([
|
||||
"for(i=0; i < executeModules.length; i++) {",
|
||||
this.indent(`result = ${this.requireFn}(${this.requireFn}.s = executeModules[i]);`),
|
||||
"}"
|
||||
]),
|
||||
"}",
|
||||
"return result;",
|
||||
] : ""
|
||||
]),
|
||||
"};"
|
||||
]);
|
||||
}
|
||||
return source;
|
||||
});
|
||||
mainTemplate.plugin("hot-bootstrap", function(source, chunk, hash) {
|
||||
const hotUpdateChunkFilename = this.outputOptions.hotUpdateChunkFilename;
|
||||
const hotUpdateMainFilename = this.outputOptions.hotUpdateMainFilename;
|
||||
const crossOriginLoading = this.outputOptions.crossOriginLoading;
|
||||
const hotUpdateFunction = this.outputOptions.hotUpdateFunction;
|
||||
const currentHotUpdateChunkFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateChunkFilename), {
|
||||
hash: `" + ${this.renderCurrentHashCode(hash)} + "`,
|
||||
hashWithLength: length => `" + ${this.renderCurrentHashCode(hash, length)} + "`,
|
||||
chunk: {
|
||||
id: "\" + chunkId + \""
|
||||
}
|
||||
});
|
||||
const currentHotUpdateMainFilename = this.applyPluginsWaterfall("asset-path", JSON.stringify(hotUpdateMainFilename), {
|
||||
hash: `" + ${this.renderCurrentHashCode(hash)} + "`,
|
||||
hashWithLength: length => `" + ${this.renderCurrentHashCode(hash, length)} + "`
|
||||
});
|
||||
const runtimeSource = Template.getFunctionContent(require("./JsonpMainTemplate.runtime.js"))
|
||||
.replace(/\/\/\$semicolon/g, ";")
|
||||
.replace(/\$require\$/g, this.requireFn)
|
||||
.replace(/\$crossOriginLoading\$/g, crossOriginLoading ? `script.crossOrigin = ${JSON.stringify(crossOriginLoading)}` : "")
|
||||
.replace(/\$hotMainFilename\$/g, currentHotUpdateMainFilename)
|
||||
.replace(/\$hotChunkFilename\$/g, currentHotUpdateChunkFilename)
|
||||
.replace(/\$hash\$/g, JSON.stringify(hash));
|
||||
return `${source}
|
||||
function hotDisposeChunk(chunkId) {
|
||||
delete installedChunks[chunkId];
|
||||
}
|
||||
var parentHotUpdateCallback = window[${JSON.stringify(hotUpdateFunction)}];
|
||||
window[${JSON.stringify(hotUpdateFunction)}] = ${runtimeSource}`;
|
||||
});
|
||||
mainTemplate.plugin("hash", function(hash) {
|
||||
hash.update("jsonp");
|
||||
hash.update("4");
|
||||
hash.update(`${this.outputOptions.filename}`);
|
||||
hash.update(`${this.outputOptions.chunkFilename}`);
|
||||
hash.update(`${this.outputOptions.jsonpFunction}`);
|
||||
hash.update(`${this.outputOptions.hotUpdateFunction}`);
|
||||
});
|
||||
}
|
||||
}
|
||||
module.exports = JsonpMainTemplatePlugin;
|
||||
Reference in New Issue
Block a user