Hel-micro module federation new revolution - actual combat preview

hel-micro

git: https://github.com/tnfe/hel (your little star is our biggest motivation for open source)

bilibili module federation sharing content preview

Online case experience: https://codesandbox.io/s/hel-lodash-zf8jh8?file=/src/App.js (modify the version number of the main file to pull different versions of the code)

why

background

Module federation is a new technology that was born in the last two years. Its greatness is that while maintaining the current high-efficiency system of front-end development modularization, componentization, and engineering, it allows modules to be independently developed and deployed independently, and directly through CDN. Sharing, so as to break free from the shackles that npm packages cannot be dynamically updated, thereby promoting the development and operation experience of the entire front-end world to a new level.

The combination of highly isolated micro-containers and more flexible micro-modules to make micro-front-end architecture will definitely become the mainstream. Micro-module technology currently includes webpack 5 module federation, vite-plugin-federation, which are injected with compile-time plug-ins, and run-time Injected hel-micro, and hel-micro will be a dimensionality reduction blow to the compile-time plug-in technology. Hel-micro uses js as the infrastructure to build a remote module distribution system instead of packaging tool plug-ins, which will completely say goodbye to the tool chain binding. The fatal problem means that whether you are using webpack 2 3 4 vite parcel or any other system, you can enjoy the advantages of free build, hot update and dynamic sharing brought by module federation.

share time