Webpack Module Federation

Module federation is a webpack 5 features. It allows independent deployments for you different applications. Same as HTML import map? Yes but it allows more flexible configuration and reuse not only JavaScript files.

What Module federation can do?

• Can share individual JS modules together with it's dependencies. You can share a react component together with styles and static data.

• Can share any module, that webpack supports.

• Can share the whole application as a micro-front-end

• Must share a common libraries like react, react-dom and/or components library

Use cases

• Independent applications deployment

• Independent pages deployment (aka mfe)

• Independent components deployment. To share components library for other "containers" to use.