webpack学习之plugin

Tabable

学习 webpack 的插件机制，就必须先学习Tabable

Tabable 的核心思路是基于发布/订阅模式。关于其原理的介绍可以查看这篇文章：Webpack 插件机制之 Tapable-源码解析

Tabable 的核心就是 tab 和 call 方法，简单理解，tab 就是订阅事件，call 就是发布事件。

从形态上看，插件通常是一个带有apply函数的类：

class MyPlugin {
  apply(compiler) {
    // ...
  }
}

在apply函数中就可以注册 webpack 的各种钩子回调。

在 webpack 的初始化阶段，加载插件时，会遍历调用用户定义的插件的apply方法，即在初始阶段，插件就订阅了 webpack 的各种钩子。等到编译过程中触发钩子时，对应的插件注册的回调函数就会执行。

参考文章：