v3.0.0-rc.117 预览版

基于原生 ESM 的通用渲染框架

基于原生 ESM + Import Maps,支持 CSR/SSR 与模块链接。用浏览器原生模块机制实现应用组合与代码共享,零额外运行时开销。

GitHub@esmx/core v3.0.0-rc.117MIT License
package.json
{
  "name": "my-remote",
  "esmx": {
    "exports": {
      "./routes": "./src/routes.ts"
    },
    "provides": ["react", "react-dom"]
  }
}

为 agent 时代而生

其他微前端框架发明了自己的生命周期钩子、loader DSL 和全局对象。Esmx 只是原生 ESM + import map —— 跟 LLM 训练数据同一表面。学得少,幻觉少。

传统方案
自定义生命周期钩子(bootstrap、mount、unmount、运行时沙箱)
专有 loader DSL(expose/share、registerApplication、qiankun.start)
Proxy 劫持全局,栈追踪难读懂,工具链脆弱
Esmx
没有需要学的生命周期 —— 远程就是一个标准 ESM 模块,host import 即可
传统方案
自定义生命周期钩子(bootstrap、mount、unmount、运行时沙箱)
专有 loader DSL(expose/share、registerApplication、qiankun.start)
Proxy 劫持全局,栈追踪难读懂,工具链脆弱
Esmx
联邦 = `import './x'` + 标准 import map 解析。你的 AI 助手已经会这套 API
传统方案
自定义生命周期钩子(bootstrap、mount、unmount、运行时沙箱)
专有 loader DSL(expose/share、registerApplication、qiankun.start)
Proxy 劫持全局,栈追踪难读懂,工具链脆弱
Esmx
栈追踪、devtools、source map 都指向真实模块,中间没有 proxy

核心特性

六大核心能力,重新定义微前端开发体验

零运行时开销

浏览器原生 ESM 加载,无需沙箱、代理或包装层。模块即加载,加载即执行,相比传统方案显著降低运行时开销。

标准 ESM 语法

使用熟悉的 import/export,零学习成本。不需要掌握任何专有 API,就像编写普通应用一样自然。

SSR 支持

灵活的服务端渲染策略,SEO 友好,首屏极速。每个应用都可以独立进行服务端渲染。

多框架自由组合

Vue、React、Preact、原生 HTML 开箱即用,Solid、Svelte 等框架通过扩展配置即可支持。不再被单一框架束缚。

Module Linking

基于 ESM Import Maps 的跨应用模块共享方案,编译时解析依赖关系,运行时直接加载。告别冗余打包,实现真正的模块复用。

高性能构建

基于 Rspack(Rust 驱动),构建速度快,与 Webpack 生态兼容。支持 HMR、代码分割与内容哈希缓存。

3 分钟开始

一条命令创建项目,即刻开始开发

Terminal
$npm create esmx@latest my-app
Project created successfully
$cd my-app && npm install
$npm run dev
Ready on http://localhost:3000
$
package.json
{
  "dependencies": {
    "shared-modules": "^1.0.0"
  },
  "esmx": {
    "uses": ["shared-modules"]
  }
}

支持任意前端框架

不受框架限制,自由选择最适合业务场景的技术栈

Framework × Bundler

Every cell is one running federation remote. Click to open it.

Vite 8RspackRsbuild
Vue 3
Vue 2.7
React 19
Preact 10
SolidJS
Svelte 5
Lit
HTML

9 种框架,一个应用

无需刷新页面,一键切换前端框架,感受原生 ESM 的极致体验

立即体验