0x04 webpack源码分析之compiler.run

ETP过河卒

于 2018-11-05 15:04:29 发布

阅读量771

点赞数

分类专栏：源码 webpack nodejs 文章标签： webpack 源码

本文链接：https://blog.youkuaiyun.com/dingshuangyong/article/details/83749880

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提介绍

上一节分析了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);
			});
		});
	});

最低0.47元/天解锁文章