前端微模块更值得被推崇!
2020/4/5 11:01:22
本文主要是介绍前端微模块更值得被推崇!,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微前端最近已经很火了,最近跟着火的还有 webpack5 module federation 了,想必大家都有耳闻了。但是我今天主要讲的是微模块,我觉得它更值得被推崇。
微模块的优势如下:
- 模块化按需编译
- 模块化部署发布
- 跨项目共享微模块(支持配置 host 和 version)
微前端 和 微模块 的区别,👇请看下图所示。
微前端架构
微前端架构更多的是解决不同应用 或 不同技术栈之间的共存方案
微模块架构
微模块架构更多的是解决同一应用技术栈内模块编译、打包,以及共享模块的方案。
微模块实际上是一种项目文件组织规范,并不是什么新技术,如下图所示:
模块化按需编译
模块化开发部署
实际上它就是通过Webpack UMD 方式打的包。这是非常普遍的模块共享方式
跨项目共享微模块 (支持配置 host 和 version)
最后我想说说 webpack5 module federation 模块联邦,我觉得它的场景可能更多是解决跨应用之间的共享模块,其实没有微模块灵活。我觉得应该会很少去跨应用共享某个单独的组件。然后在尝试了module federation 发现它没法去做 dynamic import(大家可以试试,如下图),我陷入了沉思~
webpack5-module-federation-for-vue 项目地址,欢迎尝鲜试玩:
如果觉得有点用,欢迎点赞、评论,谢谢🙏
这篇关于前端微模块更值得被推崇!的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05HTML 颜色
- 2024-10-05HTML 颜色名
- 2024-10-01AntDesign-Form-rules学习:轻松入门教程
- 2024-10-01classnames学习:轻松掌握前端中的类名管理
- 2024-09-30前端案例资料:新手入门必读教程
- 2024-09-30前端编程资料:新手入门必备教程
- 2024-09-30前端培训资料:新手入门必读教程
- 2024-09-30滚动吸顶项目实战:从入门到上手
- 2024-09-29HTML学习:span标签教程详解
- 2024-09-29HTML基础:button标签教程