一、背景 在页面开发过程中，发现两个小程序的工程目录下都有大量相同的全局components，每次修改都需要同时修改两个项目的组件代码，因此想要将这部分抽离出来。最常见的方式是抽离成npm包进行复用，

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。

🎉🎉🎉搭建插件系统，使应用可灵活扩展，无需改动核心逻辑。通过规范接口、安装和管理插件，提高了可维护性。