Webpack 5: Module Federation. A Game-changer to Javascript architecture.

栏目: IT技术 · 发布时间: 4年前

内容简介:Module federation — The Javascript equivalent of what Apollo did with GraphQL. Multiple Webpack builds work together, sharing the dependency graph at runtime. Multiple bundles can share both modules and components from the codebase as well as node_modules.

Module federation — The Javascript equivalent of what Apollo did with GraphQL. Multiple Webpack builds work together, sharing the dependency graph at runtime. Multiple bundles can share both modules and components from the codebase as well as node_modules. Painless orchestration at runtime. Feels just like a SPA

Until now, a scalable solution to sharing code between independent applications has never been convenient, barley possible. The closest we had was externals or dll plugin, forcing centralized dependency on a external file. It was also a hassle to share code, the separate applications were not truly standalone and usually a limited number of dependencies are shared. Moreover, sharing actual feature code or components between seperately bundled applications is even harder… until now

We need a scalable solution to sharing node modules and feature/application code. It needs to happen at runtime. Externals just doesn’t do an efficient or flexible job. Import maps do not solve the scale problem. I’m not trying to just download code and share dependencies. I’m trying to create an orchestration layer that dynamically shares modules are runtime, with fallbacks and redundancies.

What is Module Federation?

Webpack 5: Module Federation. A Game-changer to Javascript architecture.

It’s a type of JavaScript architecture I invented and prototyped. Then with the help of my co-creator and the founder of webpack — it was turned into one of the most exciting features in the Webpack 5 core (there’s some cool stuff in there, and the new API is really powerful and clean).

Module federation allows a JavaScript application to dynamically load code from another application — in the process, sharing dependencies, if an application consuming a federated module does not have a dependency needed by the federated code — webpack will download the missing dependency from that federated build origin.


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Erlang趣学指南

Erlang趣学指南

邓辉、孙鸣 / 人民邮电出版社 / 2016-9-7 / 79.00元

这是一本讲解Erlang编程语言的入门指南,内容通俗易懂,插图生动幽默,示例短小清晰,结构安排合理。书中从Erlang的基础知识讲起,融汇所有的基本概念和语法。内容涉及模块、函数、类型、递归、错误和异常、常用数据结构、并行编程、多处理、OTP、事件处理,以及所有Erlang的重要特性和强大功能。一起来看看 《Erlang趣学指南》 这本书的介绍吧!

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具