vue2.x随着前端项目越来越大，如何根据业务模块分离成小前端，且能够单独运行和打包？

Question

现在项目是直接启一个前端，里面有根据后端传过来的标识来判断显示哪个业务模块的页面，代码也是都提到一个分支上。现在想根据业务模块分开管理他们自己的代码，后端也只集成他们单独的前端包。项目有自己封装的UI组件，整改难度会不会很大？？

Answer 1

把要共享的 UI 组件和其他资源（比如，样式、公共函数等）提取到一个单独的库里。然后，再用 npm 或 yarn 把这个库发布到一个私有的包管理服务器，这样就可以各个业务模块可以引用和更新。

Answer 2

你可能需要的是微前端 + monorepo 这种混合方案，前者就是为了解决这种前端大单体应用而提出的，后者则是为了解决代码管理的一种项目架构。

微前端的话国内生态比较好的是 qiankun。monorepo 的话选择就很多了，无论是 yarn、pnpm 这种自带 workspace 的包管理工具，还是 lerna 这种二次封装过的工具，都可以。

因为不清楚你们的业务复杂度，所以我没法给出具体的实施措施，也无法评估所谓难度。