The Problem
The create-mf-app project, a scaffolding tool for Module Federation applications created by Jack Herrington, was experiencing build errors due to outdated rspack dependencies. As rspack evolved, breaking changes in newer versions caused compatibility issues across the various application templates.
The Solution
I upgraded the rspack dependency to a newer version and resolved all the breaking changes that came with it. Additionally, I bumped the tailwindcss version to ensure compatibility across the toolchain.
Validation
To ensure the changes didn’t break any of the supported templates, I tested all 13 application templates:
- lit-html (JavaScript & TypeScript)
- React (JavaScript & TypeScript)
- Preact (JavaScript & TypeScript)
- Solid (JavaScript & TypeScript)
- Svelte (JavaScript & TypeScript)
- Vue3 (JavaScript & TypeScript)
- Vanilla (JavaScript)
Files Changed
| Scope | Change |
|---|---|
| 21 files | +87 −39 lines |
| Template configs | Updated rspack configurations |
| Dependencies | Bumped rspack and tailwindcss versions |
Timeline
| Date | Event |
|---|---|
| Feb 2024 | Submitted PR #60 |
| Feb 20, 2024 | PR approved and merged by @jherr |
Impact
This contribution ensured that developers using create-mf-app could continue to scaffold Module Federation projects with the latest rspack features and bug fixes. The comprehensive testing across all 13 templates guaranteed a smooth upgrade path for all supported frameworks.