前端插件模式

插件模式主要分为三部分

plugCore:插件内核,提供插件运行时,管理插件的加载、运行、卸载等生命周期(类比浏览器);
pluginAPI:插件运行时需要的基础接口(类比浏览器例子,相当于window);
plugin:一系列特定功能的独立模块(类比浏览器例子,相当于不同的网页)。

前端插件模式实现方式
1.使用回调函数方式,即给props中传递钩子函数,钩回需要的代码,执行
2.使用注册机制,这里介绍了一篇西瓜视频的处理方式
https://segmentfault.com/a/1190000022991956

  1. 可以看下这个github上的处理方式
    https://github.com/yuancy-code/react-plugin-system
    实际上也是注册模式