Signal ledger / designed reading stage
插件系统的设计
前端库的插件系统应该如何设计
Transition band / reading fieldLong-form note2022-12-06
Continue through the ledger
前端库的插件系统应该如何设计
在前端流行的框架/库的设计中，插件系统往往作为拓展其能力的重要特性。本文将参考几个流行框架/库，来探索插件系统的不同设计及区别。
Koa 利用洋葱模型，通过中间件实现插件的能力。当 context 经过中间件处理后时，对 context 进行改写。
Redux 类似洋葱模型，可以通过插件将 dispatch 方法进行包装增强 dispatch 运行时的能力。
flowchart LR
subgraph Middleware[middlwares/dispatch]
direction TB
subgraph plugin-a
subgraph plugin-b
subgraph plugin-c
end
end
end
end
Request --> Middleware --> Response代码->AST->代码的转换过程中，提供钩子执行插件功能。插件需要声明需要处理哪些 token 及处理方式，在转换过程中会拿到正在转换的代码数据进行处理。