webpack5 用Module Federation共享代码

原创
2020/11/16 23:08
阅读数 121

 

原文链接: webpack5 用Module Federation共享代码

https://zhuanlan.zhihu.com/p/120462530

https://segmentfault.com/a/1190000024449390

https://github.com/module-federation/module-federation-examples

http://www.alloyteam.com/2020/04/14338/

 

首先这东西的意义是将一个服务, 或者组件使用url的方式进行共享, 并且是运行时共享, 还能抽取公共依赖, 这样在大型项目上, 对于A依赖B, B修改后如果是npm包的方式引入, 那么每次A都需要重新部署, 但是通过url的方式, A,B可以独自更新

但是如果有版本相互依赖的话就比较麻烦, 比如两个都有不兼容升级的情况下, 所以最好是在url里面加上大版本更新, 这样可以一定程度上解决这个问题

另外采用这种方式的话只能异步加载, 所以代码中需要进行一些处理, 判断是否加载成功, 以及加载过程中的loading等

 

 

比较契合大型项目, 尤其是mono那种的, 各个模块之间可以共享不少的代码

对比官方中的配置, 使用时基本上不需要做特殊处理

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部