Vite + Module Federation: yes, we can

vite-+-module-federation:-yes,-we-can

Microservices nowadays is a well-known concept and maybe you are using it in your current company.
Do you know that now you can apply similar ideas on the Frontend?

With Module Federation you can load separately compiled and deployed code into a unique application. This particular task allows you to create a Microfrontend architecture.

Until recently, this task was only a Webpack feature, but now there is a plugin to support Module Federation inside Vite.

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It’s the de facto standard for new projects and framework starters.

To understand better the paradigm and the configurations I created a working example of a host that loads a remote application at runtime.

screenshot

This is a simple Microfrontend architecture with Svelte, you can find the code here

I hope this plugin can helps the Microfrontend adoption, thanks for your attention, bye 👋

Special thanks to Manfred Steyer for his contribution in this plugin.

Total
0
Shares
Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post
let’s-try-cdktf-(with-python)

Let’s try CDKTF (with Python)

Next Post
introducing-holopin:-the-digital-badge-platform-for-developers!

Introducing Holopin: the digital badge platform for developers!

Related Posts

AI治理最重要的能力:缺乏证据支持时懂得暂停

1)观点先行(P0) 一句话观点: 在 AI 协作里,最有价值的治理能力不是“更快修完”,而是“证据不够时敢停下,并把缺什么证据说清楚”。 2)治理背景(P1) 复杂系统里的真实问题,不是没人干活,而是大家都在干活,却很难判断到底有没有真的完成。 AI 参与后,这个问题会更明显: AI 很容易给出“看起来已经完成”的答案。 多个智能体并行提交回执,信息会很快变成噪音。 模块测试通过,常常被误读成系统已经恢复。 本地治理体系之所以更快,不是因为流程更短,而是因为它把“没完成”这件事制度化了: 可以停在中间状态。 可以明确写出阻断原因。 可以等证据补齐后再推进状态。 3)信号提取(P0)…
Read More