0x04 webpack源码分析之compiler.run

最新推荐文章于 2025-05-12 21:53:50 发布

原创

最新推荐文章于 2025-05-12 21:53:50 发布 · 791 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #源码

本文深入探讨webpack的compiler.run方法，揭示它如何启动webpack状态机并驱动插件参与编译过程。文章分析了run、readRecords和compile函数，指出compiler.run触发了一系列生命周期事件，而readRecords在未配置records路径时直接进入compile阶段。编译过程中，compilation对象扮演关键角色，有自己的生命周期供插件钩入。最后，预告将分析compilation的构建细节。

前提介绍

上一节分析了compiler的构建，我们分析出compiler只是一个状态机，其编译功能都由插件完成。我在看了几个关键插件的代码后，还是决定先来写一下compiler.run方法。compiler.run推动了compiler状态机的状态流转，带动插件参与到编译过程，我们可以借此先看一下整体的流程。

run函数

精简后的代码如下

run(callback) {
   
   
	.......

	const finalCallback = (err, stats) => {
   
   ......};

	const onCompiled = () => {
   
   ......}

	this.hooks.beforeRun.callAsync(this, err => {
   
   
		if (err) return finalCallback(err);

		this.hooks.run.callAsync(this, err => {
   
   
			if (err) return finalCallback(err);

			this.readRecords(err => {
   
   
				if (err) return finalCallback(err);

				this.compile(onCompiled);
			});
		});
	})