vue如何进行微组件开发?

公司有一个需求就是希望不同的角色进入应用,能看到不同的组件,领导的想法是:先开发一个主项目部署到A服务器,再通过后台管理系统的某个页面上传前端组件到B服务器上。
当用户进入到主项目,判断他的角色信息,根据角色信息去请求B服务器上的前端组件,然后将前端组件动态插入到主项目。
这样以后就每次新增角色,就可以只开发一个前端组件,然后通过后台管理页面上传这个组件就可以了。

但是实现的过程我存在很多疑问:
如何进行这种组件开发,因为以往的开发都是在一个工程里面,组件开发的怎么样,直接运行整个工程在浏览器跑一下就知道了,组件都需要vue依赖,直接在主工程导入就vue就好了。但是当改成这种组件开发的时候,因为我肯定要预览这个组件开发的怎么样了,所有我肯定要再import vue或者一些其他的依赖,然后再打包一次,但是这样子不是会导致每个组件打包后的代码里都存在本来已经再主工程里存在的源码吗?比如vue源码?

请问要如何进行这种开发?

阅读 2k
2 个回答

可以看一下蚂蚁金服的qiankun,分为主应用和微应用,通过主应用去加载微应用,微应用的路由也可以进行权限限制

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题