Webpack 注册一些事件回调函数
在 Webpack 构建过程中，我们可以通过注册一些事件回调函数来监控构建过程中的各个阶段，并做相应的处理。这些事件回调函数可以帮助我们更好地了解构建过程，优化构建结果，提高开发效率。
注册事件回调函数
在 Webpack 4.x 中，我们可以通过 tap 方法来注册事件回调函数。tap 方法接受两个参数，第一个参数是插件的名称，用于标识回调函数所属的插件；第二个参数是回调函数本身。Webpack 在构建过程中会依次调用所有注册的回调函数。
compiler.hooks.<EventName>.tap('<PluginName>', callback)
下面是一些常用的事件和回调函数：
beforeRun：构建过程开始之前调用，参数为compiler。run：开始构建过程时调用，参数为compiler。beforeCompile：开始编译之前调用，参数为compilationParams。compile：开始编译时调用，参数为compilationParams。compilation：每次开始一个新的编译时调用，参数为compilation。emit：生成资源到 output 目录之前调用，参数为compilation。done：构建完成时调用，参数为stats。failed：构建失败时调用，参数为error。
示例
下面是一个简单的示例，展示了如何注册和使用事件回调函数：
const webpack = require('webpack');
const compiler = webpack({
// 配置项
});
// 注册 done 事件回调函数
compiler.hooks.done.tap('DonePlugin', (stats) => {
console.log('构建完成');
console.log(stats);
});
// 执行构建
compiler.run((err, stats) => {
if (err) {
console.error(err);
return;
}
// 处理构建结果
});
在上面的示例中，我们通过 compiler.hooks.done.tap 方法注册了一个名为 DonePlugin 的回调函数。当构建完成时，Webpack 将会调用这个回调函数，我们可以在回调函数中打印构建结果 stats。
总结
通过注册一些事件回调函数，我们可以在 Webpack 构建过程中的不同阶段执行一些自定义的操作，比如输出日志、生成统计信息、处理构建结果等。这些事件回调函数可以帮助我们更好地理解和优化构建过程，提高开发效率。希望本文对你理解 Webpack 的事件回调函数有所帮助。
（总字数：284）
const webpack = require('webpack');
const compiler = webpack({
// 配置项
});
// 注册 done 事件回调函数
compiler.hooks.done.tap('DonePlugin', (stats) => {
console.log('构建完成');
console.log(stats);
});
// 执行构建
compiler.run((err, stats) => {
if (err) {
console.error(err);
return;
}
// 处理构建结果
});
