Electrobun 正式登場：僅 12MB，JS 桌面開發迎來輕量化新方案！

==========================================

你的 Electron 應用打包後 150MB？
而用 Electrobun，一個功能完整的桌面 App 只需 12MB——啟動更快、記憶體更低、更新補丁僅 14KB。

如果你熱愛 Electron 的開發體驗，卻痛恨它的臃腫與資源消耗——Electrobun 的出現，或許正是「魚與熊掌兼得」的答案。

一、Electron 的困境：強大，但太重了

過去十年，Electron 讓無數前端開發者輕鬆踏入桌面應用領域。VS Code、Discord、Figma 桌面版……無一不是其成功典範。

但代價也清晰可見：

體積爆炸：最小可執行包 ≥100MB；
記憶體吞噬：每個視窗內嵌 Chromium，多開即卡頓；
安全邊界模糊：Node.js 與渲染層未隔離，易受攻擊；
更新笨重：哪怕改一行程式，使用者也要下載上百 MB。

開發者一直在尋找替代方案——Tauri 要求學 Rust，Neutralino 功能有限。而今天，Electrobun 帶著 Bun 的極致效能，殺入戰場。

二、Electrobun 是什麼？為什麼它能小 90%？

Electrobun 並非重寫 Electron，而是用 Bun + 系統 WebView 重構其核心架構，保留開發體驗，砍掉冗餘負擔。

主進程執行時：從 Node.js 換成 Bun（Bun 用 Zig 撰寫，啟動快 5 倍）
渲染引擎：不再捆綁 Chromium，而改用系統 WebView（macOS：WebKit，Windows：WebView2）
套件管理：從 npm + node_modules 轉為 bun install（快 20 倍，依賴更精簡）
最終體積：從 100–300MB → 約 10–15MB（實測）
記憶體佔用：從 300MB+ → 40–60MB

關鍵創新在於：

不再捆綁 Chromium：信任作業系統已經提供的現代 WebView；
主進程用 Bun 取代 Node.js：啟動速度從 300ms 降至 10ms；
原生 API 使用 Zig 封裝：比 Node.js addon 更輕、更安全；
支援熱重載不中斷連線：開發體驗優於 nodemon。

三、真的還能用 React/Vue 寫嗎？當然！

Electrobun 的最大優勢：前端開發方式完全不變。

你依然可以用：

React / Vue / Svelte / Solid
TypeScript / JSX
Vite / Webpack（或直接用 Bun 打包）

只需在主進程中呼叫 Electrobun 提供的 API：

// main.ts（主進程）
import { app, BrowserWindow } from 'electrobun';

app.whenReady().then(() => {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: { contextIsolation: true }
  });
  win.loadFile('dist/index.html'); // 載入你的前端建置產物
});

而前端程式碼與以往毫無差異：

// App.tsx
function App() {
  return <h1>Hello from Electrobun!</h1>;
}

零學習成本遷移現有 Electron 專案——只需替換主進程執行時，並調整打包設定。

四、實測：體積與效能比較

我們用相同功能（Markdown 編輯器 + 檔案儲存 + 托盤圖示）構建兩個版本：

指標	Electron (v30)	Electrobun (v0.8)
打包後體積	148 MB	12.3 MB
冷啟動時間	2.4 秒	0.7 秒
空視窗記憶體	295 MB	48 MB
全量更新包	148 MB	12.3 MB
差分更新（改一行程式）	≈100 MB	14 KB

更重要的是：Electrobun 預設啟用上下文隔離與沙箱，安全性遠超預設的 Electron 設定。

五、但它還不完美

作為新興專案（截至 2026 年初仍處早期），Electrobun 有幾點需注意：

Windows 需要 WebView2 執行時：首次啟動會自動引導安裝（微軟官方元件，普及率高）；
部分 Electron API 未完全覆蓋：例如 webContents.print() 等進階功能正在適配；
除錯工具鏈待完善：DevTools 支援基礎功能，但效能分析不如 Chrome DevTools 深入；
社群外掛較少：但因相容 Electron 核心 API，多數邏輯可重用。

不過對於新專案、內部工具、AI 桌面客戶端、輕量級編輯器，Electrobun 已足夠成熟。

六、5 分鐘上手 Electrobun

試試建立你的第一個輕量桌面 App：

# 1. 安裝 Bun（若尚未安裝）
curl -fsSL https://bun.sh/install | bash

# 2. 建立專案
bun create electrobun my-app
# 或使用範本：bun create react-electrobun my-app

# 3. 啟動開發
cd my-app
bun run dev

# 4. 打包發佈
bun run build

你會得到一個 約 12MB 的 .app（macOS）或 .exe（Windows），雙擊即用。