如何在vue项目中动态加载依赖库？

Question

最近在搞一个项目，将vue组件动态拼接成一个页面，而这些组件由不同的团队开发，大概意思是：
工程：project-components-x 由不同团队开发的组件库
工程：project-portal负责引入project-components-x中的组件拼接页面，并生成新的路由

工程：project-portal 部署后除自身组件变动，不做重新打包

Answer 1

其实就是 webpack 的 lazyloading。

1. 使用 npm i ${org}/${repo} 直接安装仓库
2. 在代码中引用组件
3. 使用 webpack lazyloading 标记使其动态加载