Skip to content

Latest commit

 

History

History
80 lines (60 loc) · 6.8 KB

File metadata and controls

80 lines (60 loc) · 6.8 KB
Esmx Logo

Esmx

npm version Build Coverage Report node version size

基于 ESM 的下一代微前端框架,无沙箱、零开销,支持多框架混合开发

⚡️ 极致性能 · 🛠️ 开发友好 · 🔧 标准语法

English | 简体中文

🚀 核心特性

  • 零运行时开销 - 基于原生 ESM + Import Map,无沙箱代理
  • 高性能构建 - 基于 Rspack、Rsbuild 或 Vite,构建速度显著提升
  • 完整 SSR 支持 - 高性能 SSR,SEO 友好
  • 标准 ESM 语法 - 无框架特定 API,学习曲线平缓
  • 多框架支持 - 支持 Vue、React、Preact、Solid 等多种前端框架

📊 vs 传统微前端

特性 传统方案 Esmx
架构 沙箱 + 代理 原生 ESM
运行时开销
学习成本 框架特定 API 标准语法
模块隔离 沙箱模拟 浏览器原生隔离

🚀 快速开始

npx create-esmx@latest my-app

📖 文档

📦 核心软件包

包名 版本 状态 说明
@esmx/core npm version 🔵 预览 微前端框架,ESM 模块链接
@esmx/router npm version 🔵 预览 框架无关的路由库
@esmx/router-vue npm version 🔵 预览 Vue 集成包(2.7+ & 3)
@esmx/router-react npm version 🔵 预览 React 集成包(18+)
@esmx/rspack npm version 🔵 预览 框架无关的 Rspack 工具
@esmx/rspack-vue npm version 🔵 预览 Vue 专用的 Rspack 工具
@esmx/rspack-react npm version 🔵 预览 React 专用的 Rspack 工具
@esmx/rsbuild npm version 🔵 预览 框架无关的 Rsbuild 工具
@esmx/rsbuild-vue npm version 🔵 预览 Vue 专用的 Rsbuild 工具
@esmx/rsbuild-react npm version 🔵 预览 React 专用的 Rsbuild 工具
@esmx/vite npm version 🔵 预览 框架无关的 Vite 工具
@esmx/vite-vue npm version 🔵 预览 Vue 专用的 Vite 工具
@esmx/vite-react npm version 🔵 预览 React 专用的 Vite 工具
@esmx/import npm version 🔵 预览 Import Map 工具
@esmx/pkg-wrapper npm version 🔵 预览 为联邦入口生成 CJS / ESM 具名导出 wrapper
create-esmx npm version 🔵 预览 项目脚手架工具

🎯 演示项目

项目名称 技术栈 在线预览

💡 开发流程:执行 pnpm build 构建所有包和示例,然后进入具体项目目录开始开发

📈 Star 历史

Star History Chart