基于 vue 如何实现一个可插拔式的系统

Question

简单来说：写一个大项目，然后有很多小项目，大项目可以动态引用小项目（页面或组件）而无须重新打包发布

举个例子：大项目就好比是 vscode，小项目就是 vscode 的一个个插件，可以随意下载使用插件而不用每次都更新 vscode 版本，并且插件可以单独升级

Answer 1

1个div标签对应一个webpack入口，对应一个vue/react的渲染根标签。

Answer 2

最近也遇到了类似的问题，我是用git子模块处理的。

最开始想的是将子项目打包后放到github，用npm安装，但是打包的过程一直有一些奇怪的问题。

最后采用了子模块的方式。即小项目本身也作为一个独立的项目，但是使用子模块将它加到大项目里。我这边许多大项目都会引用这个小项目，每个项目引用的版本可自由更新。
有一点很无奈，就是公司的同事都不了解这种做法，难以理解，所以文档要做好。

Answer 3

这是前端微服务概念了吧，看是怎么去结合小项目了，是菜单形式还是应用形式，最简单的就是直接链接代理过去。

Answer 4

webpack 打包的时候 chunk 分块，然后用 lazyload。