Master
Linguagens & Frameworks

Webpack 5 Module Federation

Published: Apr 13, 2021
Apr 2021
Avalie?

O lançamento da funcionalidade Webpack 5 Module Federation foi muito aguardado por pessoas desenvolvedoras de arquiteturas de micro frontends. A funcionalidade apresenta uma maneira mais padronizada de otimizar a forma como as dependências de módulo e o código compartilhado são gerenciados e carregados. A funcionalidade de module federation permite a especificação de módulos compartilhados, o que ajuda na redução de duplicação de dependências entre micro front-ends, carregando o código usado por vários módulos apenas uma vez. Também permite distinguir entre módulos locais e remotos, quando os módulos remotos não são realmente parte do build em si, mas carregados de forma assíncrona. Comparado às dependências de tempo de compilação, como pacotes npm, isso pode simplificar significativamente a implantação de uma atualização de módulo com muitas dependências downstream. Esteja ciente, porém, que isso requer que você empacote todos os seus micro front-ends com o Webpack, ao contrário de abordagens como import maps, que podem eventualmente se tornar parte do padrão W3C.