Webpack 使用applyPluginsAsyncSeriesBailResult1
方法为解析器运行所有插件。此方法连续运行所有插件 - 下一个插件仅在当前插件完成执行后运行。这里的bail
意思是一旦一个插件返回错误,序列就会被中断。这种方法也称为“快速失败”。但是BailResult
意味着一旦一个插件返回结果,序列也会被中断。您可以从以下来源看到它:
applyPluginsAsyncSeriesBailResult1 = function applyPluginsAsyncSeriesBailResult1(name, param, callback) {
var plugins = this._plugins[name];
if(!plugins || plugins.length === 0) return callback();
var i = 0;
var _this = this;
var innerCallback = function next(err, result) {
// if the plugin returned an error or a result - break
if(arguments.length > 0) return callback(err, result);
i++;
// if all plugins have run - break
if(i >= plugins.length) {
return callback();
}
// trigger next plugin - continue
plugins[i].call(_this, param, innerCallback);
});
plugins[0].call(this, param, innerCallback);
};
所以从这段代码中你可以看到,只要你callback
在插件内部调用参数,你就会中断序列。第一个参数是错误,第二个参数是结果。这符合Node.js
回调签名的预期。如果调用callback
不带参数,则序列继续。
现在,您还可以调用doResolve
which 将再次运行整个插件序列。这通常在您对请求应用一些更改时完成,因此您希望再次给所有其他插件一个机会来响应新请求。由于您当前的插件将在下doResolve
一轮再次调用,请确保构建它以防止递归。Webpack 再次保护递归,但前提是,path
和match从源代码中可以看出:request
query
directory
module
Resolver.prototype.doResolve = function doResolve(type, request, message, callback) {
var resolver = this;
var stackLine = type + ": (" + request.path + ") " +
(request.request || "") + (request.query || "") +
(request.directory ? " directory" : "") +
(request.module ? " module" : "");
var newStack = [stackLine];
if(callback.stack) {
newStack = callback.stack.concat(newStack);
if(callback.stack.indexOf(stackLine) >= 0) {
// Prevent recursion
var recursionError = new Error("Recursion in resolving\nStack:\n " + newStack.join("\n "));
在回调中,doResolve
您通常会调用callback()
以中断当前一轮插件,因为它们有机会对更新的请求做出反应:
resolver.plugin(this.source, function(request, callback) {
if (something) {
resolver.doResolve(target, obj,
"aliased with mapping '" + name + "': '" + ...,
function() { callback(error, result) }
)