skills/skills.volces.com/micro-frontend-arch

micro-frontend-arch

Installation
SKILL.md

Micro-Frontend Architecture

Framework Selection

Scenario Recommended
New project, Webpack 5 Module Federation
Legacy jQuery/Vue2 migration qiankun
Multi-framework coexistence single-spa
Need JS sandbox + style isolation wujie

Core Workflow

  1. Design → Define app boundaries, shared dependencies, routing strategy
  2. Setup → Configure main app shell + sub-apps (see framework-specific refs)
  3. Communication → Choose communication pattern (see references/communication.md)
  4. Style Isolation → Prevent CSS conflicts (see references/style-isolation.md)
  5. Deploy → Independent CI/CD per sub-app (see references/deployment.md)
Installs
2
First Seen
Apr 24, 2026
micro-frontend-arch from skills.volces.com