MENU

Fun & Interesting

Vite and Module Federation Makes Micro-Frontends EASY!

Jack Herrington 105,148 lượt xem 1 year ago
Video Not Working? Fix It Now

Vite now has a plugin for Module Federation that allows you to share code between applications live. And it not only supports CSS sharing now (woot!) It also allows you to trade code between Vite, Rollup and Webpack.

Code: https://github.com/jherr/vite-mod-fed

👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF

0:00 Introduction
2:36 Plugin Introduction
4:08 Remote Application Setup
7:10 Host Application Setup
8:25 Configuration Remote Module Federation
11:30 Configuring Host Module Federation
15:37 State Sharing For Micro-FE's
19:59 Webpack Interoperability
24:35 Monorepo Comparision
25:51 Pros & Cons
27:06 Outroduction

Comment