公司有一个需求就是希望不同的角色进入应用,能看到不同的组件,领导的想法是:先开发一个主项目部署到A服务器,再通过后台管理系统的某个页面上传前端组件到B服务器上。
当用户进入到主项目,判断他的角色信息,根据角色信息去请求B服务器上的前端组件,然后将前端组件动态插入到主项目。
这样以后就每次新增角色,就可以只开发一个前端组件,然后通过后台管理页面上传这个组件就可以了。
但是实现的过程我存在很多疑问:
如何进行这种组件开发,因为以往的开发都是在一个工程里面,组件开发的怎么样,直接运行整个工程在浏览器跑一下就知道了,组件都需要vue依赖,直接在主工程导入就vue就好了。但是当改成这种组件开发的时候,因为我肯定要预览这个组件开发的怎么样了,所有我肯定要再import vue或者一些其他的依赖,然后再打包一次,但是这样子不是会导致每个组件打包后的代码里都存在本来已经再主工程里存在的源码吗?比如vue源码?
请问要如何进行这种开发?
可以的,异步组件就可以。
只不过之前是把代码放在了项目中,现在放在远端。但是逻辑是一样的。