Shulou(Shulou.com)11/24 Report--

CTOnews.com November 14 news, Tencent Open Source yesterday announced a micro-module scheme called hel-micro, which claims to be the first in the industry to support module federation technology in the way of SDK, which can "break away from the shackles of the tool chain and return to the JS language itself", so that the federated modules between different tool chains can recognize and communicate with each other and improve the circulation of modules.

▲ image source Tencent open source

▲ image source Tencent open source Tencent said that as the front-end development enters the era of engineering, modularization and component-based development, it has become normal for multiple people and cross-teams to work together to develop a project. When the project is large enough, the following problems will be encountered:

More and more third-party modules have been introduced into the project, resulting in slower and slower package construction.

After some basic business modules are abstracted to npm and provided to other projects for reuse, once there is functional optimization or problem repair, users need to be actively updated.

In view of this pain point, the community put forward the module federation technical scheme, which will become the mainstream development trend in the future. Its biggest advantage is not to participate in the compilation of the main project, reduce the volume of the main project package, improve the compilation speed, and let the module introducer do online dynamic updates, which perfectly solves the above two pain points.

At present, the head players of the federation of community implementation modules are supported by the ModuleFederation feature launched by webpack5, and vite-federation-plugin, a strong follower of the vite community, but they all support it by building tool chain support, which means that the main project and sub-projects must have a unified tool chain, otherwise the modules between each other can not recognize each other (for example, the main project is webpack5, the sub-project is webpack4, for example, the main project is vite, and the sub-projects are webpack, parcel, etc.).

▲ Picture Source Tencent Open Source in order to transfer these additional migration costs that should not have been borne by developers, hel-micro put forward the architecture concept of module federation SDK and successfully implemented it.

CTOnews.com learned from a Tencent press release that hel-micro micro-module solution has the features of "cross-project sharing", "dynamic update", "build-free", "tool chain independent", "remote module type prompt" and "seamless integration of npm ecology". The access cost is lower than that of Webpack5 MF and Vite-federation-plugin.

Tencent also said that in the future, it plans to plan more remote loading adapters for the upper-level framework, including:

Remote web component component

Remote angular component

Remote vue component

Remote react component (implemented as hel-micro-react, providing hook functions to load remote react components)

Remote svelte group

At present, Tencent has announced the project in GitHub, interested friends can click here to visit.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.