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

duan
  • 32

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

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

回复
阅读 2.1k
4 个回答

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

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

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

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

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

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

你知道吗?

宣传栏