v3.0.0-rc.117 预览版

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

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

快速开始探索在线 DemoGitHub
GitHub@esmx/core v3.0.0-rc.117MIT License
src/entry.node.ts
import type { EsmxOptions } from '@esmx/core';

export default {
  modules: {
    exports: [
      'root:src/routes',
      'pkg:react',
      'pkg:react-dom'
    ]
  }
} satisfies EsmxOptions;
WHY ESMX

为 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
FEATURES

核心特性

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

零运行时开销

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

标准 ESM 语法

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

SSR 支持

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

多框架自由组合

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

Module Linking

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

高性能构建

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

QUICK START

3 分钟开始

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

Terminal
$npm create esmx@latest my-app
Project created successfully
$cd my-app && npm install
$npm run dev
Ready on http://localhost:3000
$
src/entry.node.ts
import type { EsmxOptions } from '@esmx/core';
 
export default {
  modules: {
    links: {
      shared: '../shared-modules/dist'
    },
    imports: {
      vue: 'shared-modules/vue',
      utils: 'shared-modules/utils'
    }
  }
} satisfies EsmxOptions;
ECOSYSTEM

支持任意前端框架

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

VueReactPreactSolidHTML5Svelte
21 LIVE DEMOS

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
LIVE DEMO

9 种框架，一个应用

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

立即体验