(webpack核心库01)太强了,3000字图文并茂的解析 webpack 核心库 enhanced-resolve 工作流程和插拔式插件机制,真香

lxf2023-05-05 21:10:01

0. 食用本文的文档说明:

因为篇幅有限,希望你掌握以下前置条件:

  • 希望你最好了解 订阅发布模型
  • 希望你知道tapable 的 以下 3 个钩子函数AsyncSeriesBailHook, AsyncSeriesHook, SyncHook

通过本文你将学到如下内容(或者带着如下疑问去学习

  • 如何调试一个 nodejs 开源库
  • 了解 webpack 解析库 enhance-resolve 的大致工作流程
  • 初步了解 webpack/enhance-resolve 中 tapable 的使用,以及插件机制实现的原理 (这里写 webpack,是因为二者的插件机制是一样的实现原理)

本文 Gitee 解析地址: fujunkui/enhanced-resolve (gitee.com) 【强烈推荐】

本文 GitHub 解析地址: fu1996/enhanced-resolve at feature-study-enhanced (github.com)

先看全文,再考虑要不要给个star⭐️。

1. 初步了解该库的作用,明白这个库是干啥的?

想初步了解一个库的作用,以及建立初衷,最好的方式就是阅读当前库的README.md(前提是该库作者维护了此文档