chushihua
This commit is contained in:
+431
@@ -0,0 +1,431 @@
|
||||
/*
|
||||
MIT License http://www.opensource.org/licenses/mit-license.php
|
||||
Author Tobias Koppers @sokra
|
||||
*/
|
||||
"use strict";
|
||||
const path = require("path");
|
||||
const Module = require("./Module");
|
||||
const OriginalSource = require("webpack-sources").OriginalSource;
|
||||
const RawSource = require("webpack-sources").RawSource;
|
||||
const AsyncDependenciesBlock = require("./AsyncDependenciesBlock");
|
||||
const DepBlockHelpers = require("./dependencies/DepBlockHelpers");
|
||||
const Template = require("./Template");
|
||||
|
||||
class ContextModule extends Module {
|
||||
constructor(resolveDependencies, context, recursive, regExp, addon, asyncMode, chunkName) {
|
||||
super();
|
||||
this.resolveDependencies = resolveDependencies;
|
||||
this.context = context;
|
||||
this.recursive = recursive;
|
||||
this.regExp = regExp;
|
||||
this.addon = addon;
|
||||
this.async = asyncMode;
|
||||
this.cacheable = true;
|
||||
this.contextDependencies = [context];
|
||||
this.built = false;
|
||||
this.chunkName = chunkName;
|
||||
}
|
||||
|
||||
prettyRegExp(regexString) {
|
||||
// remove the "/" at the front and the beginning
|
||||
// "/foo/" -> "foo"
|
||||
return regexString.substring(1, regexString.length - 1);
|
||||
}
|
||||
|
||||
contextify(context, request) {
|
||||
return request.split("!").map(subrequest => {
|
||||
let rp = path.relative(context, subrequest);
|
||||
if(path.sep === "\\")
|
||||
rp = rp.replace(/\\/g, "/");
|
||||
if(rp.indexOf("../") !== 0)
|
||||
rp = "./" + rp;
|
||||
return rp;
|
||||
}).join("!");
|
||||
}
|
||||
|
||||
identifier() {
|
||||
let identifier = this.context;
|
||||
if(this.async)
|
||||
identifier += ` ${this.async}`;
|
||||
if(!this.recursive)
|
||||
identifier += " nonrecursive";
|
||||
if(this.addon)
|
||||
identifier += ` ${this.addon}`;
|
||||
if(this.regExp)
|
||||
identifier += ` ${this.regExp}`;
|
||||
|
||||
return identifier;
|
||||
}
|
||||
|
||||
readableIdentifier(requestShortener) {
|
||||
let identifier = requestShortener.shorten(this.context);
|
||||
if(this.async)
|
||||
identifier += ` ${this.async}`;
|
||||
if(!this.recursive)
|
||||
identifier += " nonrecursive";
|
||||
if(this.addon)
|
||||
identifier += ` ${requestShortener.shorten(this.addon)}`;
|
||||
if(this.regExp)
|
||||
identifier += ` ${this.prettyRegExp(this.regExp + "")}`;
|
||||
|
||||
return identifier;
|
||||
}
|
||||
|
||||
libIdent(options) {
|
||||
let identifier = this.contextify(options.context, this.context);
|
||||
if(this.async)
|
||||
identifier += ` ${this.async}`;
|
||||
if(this.recursive)
|
||||
identifier += " recursive";
|
||||
if(this.addon)
|
||||
identifier += ` ${this.contextify(options.context, this.addon)}`;
|
||||
if(this.regExp)
|
||||
identifier += ` ${this.prettyRegExp(this.regExp + "")}`;
|
||||
|
||||
return identifier;
|
||||
}
|
||||
|
||||
needRebuild(fileTimestamps, contextTimestamps) {
|
||||
const ts = contextTimestamps[this.context];
|
||||
if(!ts) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return ts >= this.builtTime;
|
||||
}
|
||||
|
||||
unbuild() {
|
||||
this.built = false;
|
||||
super.unbuild();
|
||||
}
|
||||
|
||||
build(options, compilation, resolver, fs, callback) {
|
||||
this.built = true;
|
||||
this.builtTime = Date.now();
|
||||
this.resolveDependencies(fs, this.context, this.recursive, this.regExp, (err, dependencies) => {
|
||||
if(err) return callback(err);
|
||||
|
||||
// Reset children
|
||||
this.dependencies = [];
|
||||
this.blocks = [];
|
||||
|
||||
// abort if something failed
|
||||
// this will create an empty context
|
||||
if(!dependencies) {
|
||||
callback();
|
||||
return;
|
||||
}
|
||||
|
||||
// enhance dependencies with meta info
|
||||
dependencies.forEach(dep => {
|
||||
dep.loc = dep.userRequest;
|
||||
dep.request = this.addon + dep.request;
|
||||
});
|
||||
|
||||
if(!this.async || this.async === "eager") {
|
||||
|
||||
// if we have an sync or eager context
|
||||
// just add all dependencies and continue
|
||||
this.dependencies = dependencies;
|
||||
|
||||
} else if(this.async === "lazy-once") {
|
||||
|
||||
// for the lazy-once mode create a new async dependency block
|
||||
// and add that block to this context
|
||||
if(dependencies.length > 0) {
|
||||
const block = new AsyncDependenciesBlock(this.chunkName, this);
|
||||
dependencies.forEach(dep => {
|
||||
block.addDependency(dep);
|
||||
});
|
||||
this.addBlock(block);
|
||||
}
|
||||
|
||||
} else if(this.async === "weak" || this.async === "async-weak") {
|
||||
|
||||
// we mark all dependencies as weak
|
||||
dependencies.forEach(dep => dep.weak = true);
|
||||
this.dependencies = dependencies;
|
||||
|
||||
} else {
|
||||
// if we are lazy create a new async dependency block per dependency
|
||||
// and add all blocks to this context
|
||||
dependencies.forEach((dep, idx) => {
|
||||
let chunkName = this.chunkName;
|
||||
if(chunkName) {
|
||||
if(!/\[(index|request)\]/.test(chunkName))
|
||||
chunkName += "[index]";
|
||||
chunkName = chunkName.replace(/\[index\]/g, idx);
|
||||
chunkName = chunkName.replace(/\[request\]/g, Template.toPath(dep.userRequest));
|
||||
}
|
||||
const block = new AsyncDependenciesBlock(chunkName, dep.module, dep.loc);
|
||||
block.addDependency(dep);
|
||||
this.addBlock(block);
|
||||
});
|
||||
}
|
||||
callback();
|
||||
});
|
||||
}
|
||||
|
||||
getUserRequestMap(dependencies) {
|
||||
// if we filter first we get a new array
|
||||
// therefor we dont need to create a clone of dependencies explicitly
|
||||
// therefore the order of this is !important!
|
||||
return dependencies
|
||||
.filter(dependency => dependency.module)
|
||||
.sort((a, b) => {
|
||||
if(a.userRequest === b.userRequest) {
|
||||
return 0;
|
||||
}
|
||||
return a.userRequest < b.userRequest ? -1 : 1;
|
||||
}).reduce(function(map, dep) {
|
||||
map[dep.userRequest] = dep.module.id;
|
||||
return map;
|
||||
}, Object.create(null));
|
||||
}
|
||||
|
||||
getSyncSource(dependencies, id) {
|
||||
const map = this.getUserRequestMap(dependencies);
|
||||
return `var map = ${JSON.stringify(map, null, "\t")};
|
||||
function webpackContext(req) {
|
||||
return __webpack_require__(webpackContextResolve(req));
|
||||
};
|
||||
function webpackContextResolve(req) {
|
||||
var id = map[req];
|
||||
if(!(id + 1)) // check for number or string
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
return id;
|
||||
};
|
||||
webpackContext.keys = function webpackContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackContext.resolve = webpackContextResolve;
|
||||
module.exports = webpackContext;
|
||||
webpackContext.id = ${JSON.stringify(id)};`;
|
||||
}
|
||||
|
||||
getWeakSyncSource(dependencies, id) {
|
||||
const map = this.getUserRequestMap(dependencies);
|
||||
return `var map = ${JSON.stringify(map, null, "\t")};
|
||||
function webpackContext(req) {
|
||||
var id = webpackContextResolve(req);
|
||||
if(!__webpack_require__.m[id])
|
||||
throw new Error("Module '" + req + "' ('" + id + "') is not available (weak dependency)");
|
||||
return __webpack_require__(id);
|
||||
};
|
||||
function webpackContextResolve(req) {
|
||||
var id = map[req];
|
||||
if(!(id + 1)) // check for number or string
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
return id;
|
||||
};
|
||||
webpackContext.keys = function webpackContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackContext.resolve = webpackContextResolve;
|
||||
webpackContext.id = ${JSON.stringify(id)};
|
||||
module.exports = webpackContext;`;
|
||||
}
|
||||
|
||||
getAsyncWeakSource(dependencies, id) {
|
||||
const map = this.getUserRequestMap(dependencies);
|
||||
|
||||
return `var map = ${JSON.stringify(map, null, "\t")};
|
||||
function webpackAsyncContext(req) {
|
||||
return webpackAsyncContextResolve(req).then(function(id) {
|
||||
if(!__webpack_require__.m[id])
|
||||
throw new Error("Module '" + req + "' ('" + id + "') is not available (weak dependency)");
|
||||
return __webpack_require__(id);
|
||||
});
|
||||
};
|
||||
function webpackAsyncContextResolve(req) {
|
||||
// Here Promise.resolve().then() is used instead of new Promise() to prevent
|
||||
// uncatched exception popping up in devtools
|
||||
return Promise.resolve().then(function() {
|
||||
var id = map[req];
|
||||
if(!(id + 1)) // check for number or string
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
return id;
|
||||
});
|
||||
};
|
||||
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackAsyncContext.resolve = webpackAsyncContextResolve;
|
||||
webpackAsyncContext.id = ${JSON.stringify(id)};
|
||||
module.exports = webpackAsyncContext;`;
|
||||
}
|
||||
|
||||
getEagerSource(dependencies, id) {
|
||||
const map = this.getUserRequestMap(dependencies);
|
||||
return `var map = ${JSON.stringify(map, null, "\t")};
|
||||
function webpackAsyncContext(req) {
|
||||
return webpackAsyncContextResolve(req).then(__webpack_require__);
|
||||
};
|
||||
function webpackAsyncContextResolve(req) {
|
||||
// Here Promise.resolve().then() is used instead of new Promise() to prevent
|
||||
// uncatched exception popping up in devtools
|
||||
return Promise.resolve().then(function() {
|
||||
var id = map[req];
|
||||
if(!(id + 1)) // check for number or string
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
return id;
|
||||
});
|
||||
};
|
||||
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackAsyncContext.resolve = webpackAsyncContextResolve;
|
||||
webpackAsyncContext.id = ${JSON.stringify(id)};
|
||||
module.exports = webpackAsyncContext;`;
|
||||
}
|
||||
|
||||
getLazyOnceSource(block, dependencies, id, outputOptions, requestShortener) {
|
||||
const promise = DepBlockHelpers.getDepBlockPromise(block, outputOptions, requestShortener, "lazy-once context");
|
||||
const map = this.getUserRequestMap(dependencies);
|
||||
return `var map = ${JSON.stringify(map, null, "\t")};
|
||||
function webpackAsyncContext(req) {
|
||||
return webpackAsyncContextResolve(req).then(__webpack_require__);
|
||||
};
|
||||
function webpackAsyncContextResolve(req) {
|
||||
return ${promise}.then(function() {
|
||||
var id = map[req];
|
||||
if(!(id + 1)) // check for number or string
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
return id;
|
||||
});
|
||||
};
|
||||
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackAsyncContext.resolve = webpackAsyncContextResolve;
|
||||
webpackAsyncContext.id = ${JSON.stringify(id)};
|
||||
module.exports = webpackAsyncContext;`;
|
||||
}
|
||||
|
||||
getLazySource(blocks, id) {
|
||||
let hasMultipleOrNoChunks = false;
|
||||
const map = blocks
|
||||
.filter(block => block.dependencies[0].module)
|
||||
.map((block) => ({
|
||||
dependency: block.dependencies[0],
|
||||
block: block,
|
||||
userRequest: block.dependencies[0].userRequest
|
||||
})).sort((a, b) => {
|
||||
if(a.userRequest === b.userRequest) return 0;
|
||||
return a.userRequest < b.userRequest ? -1 : 1;
|
||||
}).reduce((map, item) => {
|
||||
const chunks = item.block.chunks || [];
|
||||
if(chunks.length !== 1) {
|
||||
hasMultipleOrNoChunks = true;
|
||||
}
|
||||
map[item.userRequest] = [item.dependency.module.id]
|
||||
.concat(chunks.map(chunk => chunk.id));
|
||||
|
||||
return map;
|
||||
}, Object.create(null));
|
||||
|
||||
const requestPrefix = hasMultipleOrNoChunks ?
|
||||
"Promise.all(ids.slice(1).map(__webpack_require__.e))" :
|
||||
"__webpack_require__.e(ids[1])";
|
||||
|
||||
return `var map = ${JSON.stringify(map, null, "\t")};
|
||||
function webpackAsyncContext(req) {
|
||||
var ids = map[req];
|
||||
if(!ids)
|
||||
return Promise.reject(new Error("Cannot find module '" + req + "'."));
|
||||
return ${requestPrefix}.then(function() {
|
||||
return __webpack_require__(ids[0]);
|
||||
});
|
||||
};
|
||||
webpackAsyncContext.keys = function webpackAsyncContextKeys() {
|
||||
return Object.keys(map);
|
||||
};
|
||||
webpackAsyncContext.id = ${JSON.stringify(id)};
|
||||
module.exports = webpackAsyncContext;`;
|
||||
}
|
||||
|
||||
getSourceForEmptyContext(id) {
|
||||
return `function webpackEmptyContext(req) {
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
}
|
||||
webpackEmptyContext.keys = function() { return []; };
|
||||
webpackEmptyContext.resolve = webpackEmptyContext;
|
||||
module.exports = webpackEmptyContext;
|
||||
webpackEmptyContext.id = ${JSON.stringify(id)};`;
|
||||
}
|
||||
|
||||
getSourceForEmptyAsyncContext(id) {
|
||||
return `function webpackEmptyAsyncContext(req) {
|
||||
// Here Promise.resolve().then() is used instead of new Promise() to prevent
|
||||
// uncatched exception popping up in devtools
|
||||
return Promise.resolve().then(function() {
|
||||
throw new Error("Cannot find module '" + req + "'.");
|
||||
});
|
||||
}
|
||||
webpackEmptyAsyncContext.keys = function() { return []; };
|
||||
webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;
|
||||
module.exports = webpackEmptyAsyncContext;
|
||||
webpackEmptyAsyncContext.id = ${JSON.stringify(id)};`;
|
||||
}
|
||||
|
||||
getSourceString(asyncMode, outputOptions, requestShortener) {
|
||||
if(asyncMode === "lazy") {
|
||||
if(this.blocks && this.blocks.length > 0) {
|
||||
return this.getLazySource(this.blocks, this.id);
|
||||
}
|
||||
return this.getSourceForEmptyAsyncContext(this.id);
|
||||
}
|
||||
if(asyncMode === "eager") {
|
||||
if(this.dependencies && this.dependencies.length > 0) {
|
||||
return this.getEagerSource(this.dependencies, this.id);
|
||||
}
|
||||
return this.getSourceForEmptyAsyncContext(this.id);
|
||||
}
|
||||
if(asyncMode === "lazy-once") {
|
||||
const block = this.blocks[0];
|
||||
if(block) {
|
||||
return this.getLazyOnceSource(block, block.dependencies, this.id, outputOptions, requestShortener);
|
||||
}
|
||||
return this.getSourceForEmptyAsyncContext(this.id);
|
||||
}
|
||||
if(asyncMode === "async-weak") {
|
||||
if(this.dependencies && this.dependencies.length > 0) {
|
||||
return this.getAsyncWeakSource(this.dependencies, this.id);
|
||||
}
|
||||
return this.getSourceForEmptyAsyncContext(this.id);
|
||||
}
|
||||
if(asyncMode === "weak") {
|
||||
if(this.dependencies && this.dependencies.length > 0) {
|
||||
return this.getWeakSyncSource(this.dependencies, this.id);
|
||||
}
|
||||
}
|
||||
if(this.dependencies && this.dependencies.length > 0) {
|
||||
return this.getSyncSource(this.dependencies, this.id);
|
||||
}
|
||||
return this.getSourceForEmptyContext(this.id);
|
||||
}
|
||||
|
||||
getSource(sourceString) {
|
||||
if(this.useSourceMap) {
|
||||
return new OriginalSource(sourceString, this.identifier());
|
||||
}
|
||||
return new RawSource(sourceString);
|
||||
}
|
||||
|
||||
source(dependencyTemplates, outputOptions, requestShortener) {
|
||||
return this.getSource(
|
||||
this.getSourceString(this.async, outputOptions, requestShortener)
|
||||
);
|
||||
}
|
||||
|
||||
size() {
|
||||
// base penalty
|
||||
const initialSize = 160;
|
||||
|
||||
// if we dont have dependencies we stop here.
|
||||
return this.dependencies
|
||||
.reduce((size, dependency) => size + 5 + dependency.userRequest.length, initialSize);
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = ContextModule;
|
||||
Reference in New Issue
Block a user