路由懒加载是插件式模块落地的关键支撑，需结合按需加载、运行时注册与独立生命周期；通过动态import隔离模块，配合自动发现、setup/teardown机制及沙箱控制，实现真正可插拔的插件系统。
路由懒加载本身不是插件系统，但它能成为插件式模块落地的关键支撑——核心在于“按需加载 + 运行时注册 + 独立生命周期”。真正实现插件式功能，需要在懒加载基础上叠加模块发现、动态注册和沙箱化集成机制。
用动态 import 实现模块物理隔离
每个功能模块应封装为独立的入口文件（如 src/plugins/chart/index.ts），导出标准接口：
- 一个默认组件（用于路由渲染）
- 一个 setup 函数（负责初始化、注册 API、监听事件）
- 一个可选的 teardown 函数（用于卸载清理）
路由配置中不再写死组件，改用函数式懒加载：
{
path: '/chart',
name: 'ChartPlugin',
component: () => import('@/plugins/chart').then(m => m.default)
}
运行时自动发现与注册插件
避免手动维护插件列表。可在项目启动时扫描特定目录（如 src/plugins/**/index.ts），借助 Webpack 的 require.context 或 Vite 的 import.meta.glob 动态收集：
Skill Weave Chains — 技能链路由引擎
下载
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景，三层路由架构（触发词→SAD反馈→DAG编排），recall@10=96.97%。配置驱动（chains.yaml），零代码扩展。pip install skill-weave-chains 一键安装。
- Vite 示例：const plugins = import.meta.glob('@/plugins/*/index.ts', { eager: true })
- 对每个模块调用其 setup()，传入全局容器（如 pinia store、router 实例、自定义事件总线）
- 将模块元信息（名称、图标、权限标识）存入插件注册表，供菜单/权限系统消费
路由级插件激活与沙箱控制
懒加载只是第一步，关键在“何时加载、如何激活、能否卸载”：
- 利用 router.beforeEach 拦截目标路由，检查插件是否已注册；未注册则先加载并执行 setup
- 在 router.afterEach 中判断页面离开该插件路由时，调用其 teardown（如清除定时器、解绑事件、释放 canvas 上下文）
- 对敏感插件（如含第三方 SDK 的支付模块），可在 setup 中创建独立作用域或 iframe 沙箱，限制其访问主应用状态
配套机制让插件真正可插拔
单靠路由懒加载无法完成插件化，还需三类支撑：
- 插件通信协议：定义统一事件总线（如 mitt 实例）、跨插件调用 API 标准（如 callPlugin('auth', 'getUser')）
- 版本与依赖管理：插件 package.json 中声明兼容的主应用版本、所需全局 API 版本，加载前做校验
- 热更新支持（开发期）：Vite HMR 可监听插件目录变化，自动 reload 插件模块，无需刷新整个页面
不复杂但容易忽略。懒加载是门，注册是钥匙，沙箱和协议才是锁芯。
