README.zh-CN.md
May 7, 2026 · View on GitHub
🚀 核心特性
- 零运行时开销 - 基于原生 ESM + Import Map,无沙箱代理
- 高性能构建 - 基于 Rspack,构建速度显著提升
- 完整 SSR 支持 - 高性能 SSR,SEO 友好
- 标准 ESM 语法 - 无框架特定 API,学习曲线平缓
- 多框架支持 - 支持 Vue、React、Preact、Solid 等多种前端框架
📊 vs 传统微前端
| 特性 | 传统方案 | Esmx |
|---|---|---|
| 架构 | 沙箱 + 代理 | 原生 ESM |
| 运行时开销 | 有 | 零 |
| 学习成本 | 框架特定 API | 标准语法 |
| 模块隔离 | 沙箱模拟 | 浏览器原生隔离 |
🚀 快速开始
npx create-esmx@latest my-app
📖 文档
📦 核心软件包
| 包名 | 版本 | 状态 | 说明 |
|---|---|---|---|
| @esmx/core | 🔵 预览 | 微前端框架,ESM 模块链接 | |
| @esmx/router | 🔵 预览 | 框架无关的路由库 | |
| @esmx/router-vue | 🔵 预览 | Vue 集成包(2.7+ & 3) | |
| @esmx/router-react | 🔵 预览 | React 集成包(18+) | |
| @esmx/rspack | 🔵 预览 | 框架无关的 Rspack 工具 | |
| @esmx/rspack-vue | 🔵 预览 | Vue 专用的 Rspack 工具 | |
| @esmx/rspack-react | 🔵 预览 | React 专用的 Rspack 工具 | |
| @esmx/import | 🔵 预览 | Import Map 工具 | |
| create-esmx | 🔵 预览 | 项目脚手架工具 |
🎯 演示项目
| 项目名称 | 技术栈 | 在线预览 |
|---|---|---|
| ssr-html | 原生 HTML + TypeScript | 预览 |
| ssr-vue2-host | Vue 2.7 + SSR | 预览 |
| ssr-vue2-remote | Vue 2.7 | 预览 |
| ssr-preact-htm | Preact + HTM | 预览 |
💡 开发流程:执行
pnpm build构建所有包和示例,然后进入具体项目目录开始开发