前端工程化

从 Garfish 微前端的框架设计出发，手写类 Garfish 微前端框架，加深对于微前端运行流程的理解。

微前端是一种前端的架构模式，将庞大的前端应用系统拆分成一个个更小，更可维护的管理部分。从而允许多个团队独立开发，测试和部署不同的功能模块，最终可以将模块组合成一个统一的应用程序。

本文介绍了 Tapable 的各类钩子（同步/异步，串行/并行，拦截器，bail/waterfall/loop），并通过实现了一个 mini-Tapable，希望能加深读者理解。

热模块替换（HMR）技术，一种允许在运行时更新模块而无需刷新页面的技术。本文结合 Webpack 中对 HMR 的大概流程进行一个分析，从而加深对 HMR 的体感。

本文将从 loader 的概念，定义，作用是啥来介绍 loader，并说明在 webpack 中的应用，并动手实现 loader 机制。

插件系统：通过对外暴露能力，从而支持外部进行功能扩展的插件机制，从而丰富 `bunlder` 的能力。

上篇初识前端 bundler，我们简单介绍了 bundler 的概念，特点以及常用的工具，那么本文我们就来进行 bundler 的设计。

本文会简单地介绍 bundler 的概念，以及为什么我们需要 bundler, 以及常用的 bunder 工具。