v3.0.0-rc.117 预览版

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

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

快速开始探索在线 Demo GitHub

GitHub@esmx/core v3.0.0-rc.117MIT License

vue

react

preact

Esmx

html

solid

shared

utils

WHY ESMX

为什么需要 Esmx？

传统方案依赖模拟和包装层带来运行时负担，Esmx 用原生机制从根本上解决问题

传统方案

运行时沙箱模拟，性能损耗大

自定义模块加载器，与标准不兼容

Proxy 劫持全局对象，调试困难

Esmx

浏览器原生 ESM 加载，零额外运行时开销，基于模块作用域天然隔离

传统方案

运行时沙箱模拟，性能损耗大

自定义模块加载器，与标准不兼容

Proxy 劫持全局对象，调试困难

Esmx

标准 ESM import/export 语法，零学习成本，任意框架混用

传统方案

运行时沙箱模拟，性能损耗大

自定义模块加载器，与标准不兼容

Proxy 劫持全局对象，调试困难

Esmx

灵活的 SSR 策略，基于 Rspack 的高性能构建，Module Linking 跨应用共享

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

支持任意前端框架

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

Vue React Preact Solid HTML5 Svelte

LIVE DEMO

9 种框架，一个应用

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

立即体验