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

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


回答:

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


回答:

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

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

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

以上是 vue2.x随着前端项目越来越大,如何根据业务模块分离成小前端,且能够单独运行和打包? 的全部内容, 来源链接: utcz.com/p/934186.html

回到顶部