bun.js
Bun 是一個現代的JavaScript運行環境,如Node, Deno。主要特性如下:
啟動速度快。更高的性能。完整的工具(打包器、轉碼器、包管理)。
官網
優點
與傳統的 Node.js 不同,Bun.js 提供了一些新的特性和功能,例如:
- 更快的啟動速度、更小的內存占用、更好的異常處理機制等等。此外,Bun.js 還提供了一些工具和庫。
安裝
npm install -g bun
更新
bun upgrade
為什么 Bun 存在?
Bun 的目標很簡單:消除緩慢和復雜性,同時保留 JavaScript 的所有優點。您喜歡的庫和框架應該仍然可以工作,您也不需要放棄您已經熟悉的慣例。
但是,您需要放棄許多不必要的工具,因為 Bun 已經替代了它們:
Node.js - Bun 是 Node.js 的即插即用替代品,因此您不需要:
node
npx - bunx 比 npx 快 5 倍
nodemon - Bun 有內置的 watch 模式!
dotenv,cross-env - Bun 默認讀取 .env 文件
轉譯器 - Bun 可以運行 .js
,.ts
,.cjs
,.mjs
,.jsx
和 .tsx
文件,這些文件可以替代:
tsc - (但您可以保留它進行類型檢查!)
babel,.babelrc,@babel/preset-*
ts-node,ts-node-esm
tsx
打包工具 - Bun 是一個 JavaScript 打包工具,具有最佳性能和與 esbuild 兼容的插件 API,因此您不需要:
esbuild
webpack
parcel,.parcelrc
rollup,rollup.config.js
包管理器
包管理器 - Bun 是一個與 npm 兼容的包管理器,具有熟悉的命令。它讀取您的 package.json,并像其他包管理器一樣寫入 node_modules,因此您可以替換:
npm,.npmrc,package-lock.json
yarn,yarn.lock
pnpm,pnpm.lock,pnpm-workspace.yaml
lerna
測試庫 - Bun 是一個與 Jest 兼容的測試運行器,支持快照測試、模擬和代碼覆蓋率,因此您不再需要:
jest,jest.config.js
ts-jest,@swc/jest,babel-jest
jest-extended
vitest,vitest.config.ts
雖然這些工具各自都很不錯(大多數情況下),但將它們全部一起使用不可避免地會導致脆弱性和開發體驗緩慢。它們執行了許多冗余工作;當您運行 jest 時,您的代碼將被各種工具解析 3 次以上!而為了將所有東西粘合在一起所需的膠帶、插件和適配器總是會在最終磨損。
Bun 是一個單一的集成工具包,避免了這些集成問題。工具包中的每個工具都提供最佳的開發體驗,從性能到 API 設計。
js運行時
Bun 是一個 JavaScript 運行時環境。
Bun 是一個快速的 JavaScript 運行時環境。它的目標是讓構建軟件的體驗更快、更少令人沮喪,更有趣。
兼容性
Bun 是 Node.js 的即插即用替代品。這意味著現有的 Node.js 應用程序和 npm 包可以在 Bun 中正常工作。Bun 內置支持 Node API,包括:
內置模塊,如 fs、path 和 net
全局變量,如 __dirname 和 process
以及 Node.js 模塊解析算法(例如 node_modules)
雖然與 Node.js 的完全兼容性是不可能的,但是 Bun 可以運行幾乎所有野外的 Node.js 應用程序。
Bun 經過了對 npm 上最受歡迎的 Node.js 包的測試套件的測試。像 Express、Koa 和 Hono 這樣的服務器框架可以正常工作。使用最受歡迎的全棧框架構建的應用程序也可以正常工作。這些庫和框架共同觸及 Node.js 的所有重要 API 面。
速度
Bun 很快,啟動速度比 Node.js 快 4 倍。當運行 TypeScript 文件時,這種差異只會被放大,因為需要將其轉譯為 Node.js 可以運行的代碼。
Bun 運行一個 "hello world" TypeScript 文件比 esbuild 和 Node.js 快 5 倍。
與 Node.js 和其他使用 Google 的 V8 引擎構建的運行時不同,Bun 使用 Apple 的 WebKit 引擎構建。WebKit 是 Safari 的引擎,每天被數十億臺設備使用。它快速、高效,并經過了幾十年的實戰測試。
TypeScript 和 JSX 支持
Bun 內置了 JavaScript 轉譯器。這意味著您可以運行 JavaScript、TypeScript,甚至是 JSX/TSX 文件,無需任何依賴。
TypeScript
JSX/TSX
bun index.ts
ESM 和 CommonJS 兼容性
從 CommonJS 到 ES 模塊的過渡緩慢而充滿了恐懼。在 ESM 推出之后,Node.js 花費了 5 年時間才支持它,而不需要 --experimental-modules 標志。盡管如此,生態系統仍然充滿了 CommonJS。
Bun 始終支持這兩種模塊系統。無需擔心文件擴展名、.js vs .cjs vs .mjs,或在 package.json 中包含 "type": "module"。
您甚至可以在同一文件中使用 import 和 require()。它只是工作。
import lodash from "lodash";
const _ = require("underscore");
Web API
Bun 內置支持瀏覽器中可用的 Web 標準 API,例如 fetch、Request、Response、WebSocket 和 ReadableStream。
const response = await fetch("https://example.com/");
const text = await response.text();
您不再需要安裝像 node-fetch 和 ws 這樣的包。Bun 的內置 Web API 是使用本機代碼實現的,比第三方替代品更快、更可靠。
熱重載
Bun 使您作為開發人員更加高效。您可以使用 --hot 來運行 Bun,以啟用熱重載,當文件更改時重新加載應用程序。
bun --hot server.ts
與像 nodemon 這樣硬重啟整個進程的工具不同,Bun 在不終止舊進程的情況下重新加載您的代碼。這意味著 HTTP 和 WebSocket 連接不會斷開,并且狀態不會丟失。
插件
Bun 設計為高度可定制。
您可以定義插件來攔截導入并執行自定義加載邏輯。插件可以添加對其他文件類型的支持,例如 .yaml 或 .png。插件 API 受 esbuild 啟發,這意味著大多數 esbuild 插件在 Bun 中都可以正常工作。
import { plugin } from "bun";
plugin({
name: "YAML",
async setup(build) {
const { load } = await import("js-yaml");
const { readFileSync } = await import("fs");
build.onLoad({ filter: /.(yaml|yml)$/ }, (args) => {
const text = readFileSync(args.path, "utf8");
const exports = load(text) as Record<string, any>;
return { exports, loader: "object" };
});
},
});
Bun API
Bun 附帶高度優化的標準庫 API,用于開發人員最需要的東西。
與 Node.js API 相反,這些 Bun 原生 API 被設計為快速且易于使用,而不是為了向后兼容。
Bun.file()
使用 un.file()
在特定路徑上惰性加載文件。
const file = Bun.file("package.json");
const contents = await file.text();
它返回一個 BunFile,它擴展了 Web 標準文件。可以以各種格式惰性加載文件內容。
const file = Bun.file("package.json");
await file.text(); // string
await file.arrayBuffer(); // ArrayBuffer
await file.blob(); // Blob
await file.json(); // {...}
Bun 讀取文件的速度比 Node.js 快 10 倍。
Bun.write()
使用 Bun.write() 是一個靈活的 API,可以將幾乎任何東西寫入磁盤 —— 字符串、二進制數據、Blob,甚至是 Response 對象。
await Bun.write("index.html", "<html/>");
await Bun.write("index.html", Buffer.from("<html/>"));
await Bun.write("index.html", Bun.file("home.html"));
await Bun.write("index.html", await fetch("https://example.com/"));
Bun 寫入文件的速度比 Node.js 快 3 倍。
Bun.serve()
使用Bun.serve()
啟動 HTTP 服務器、WebSocket 服務器或兩者兼備。它基于熟悉的 Web 標準 API,如 Request 和 Response。
Bun.serve({
port: 3000,
fetch(request) {
return new Response("Hello from Bun!");
},
});
Bun 每秒可處理的請求比 Node.js 多 4 倍。
您還可以使用 tls 選項配置 TLS。
Bun.serve({
port: 3000,
fetch(request) {
return new Response("Hello from Bun!");
},
tls: {
key: Bun.file("/path/to/key.pem"),
cert: Bun.file("/path/to/cert.pem"),
}
});
為了支持 WebSockets 和 HTTP 并存,只需在 websocket 內定義事件處理程序。與 Node.js 不同,它沒有提供內置的 WebSocket API,并需要第三方依賴項,如 ws。
Bun.serve({
fetch() { ... },
websocket: {
open(ws) { ... },
message(ws, data) { ... },
close(ws, code, reason) { ... },
},
});
Bun 每秒可處理的消息比 ws 上的 Node.js 多 5 倍。
bun:sqlite
Bun 內置了對 SQLite 的支持。它具有受 better-sqlite3 啟發的 API,但是使用本機代碼編寫以提高速度。
import { Database } from "bun:sqlite";
const db = new Database(":memory:");
const query = db.query("select 'Bun' as runtime;");
query.get(); // => { runtime: "Bun" }
Bun 可以比 Node.js 上的 better-sqlite3 查詢 SQLite 快 4 倍。
Bun.password
Bun 還支持常見但復雜的 API,您不想自己實現。
您可以使用 un.password
使用`bcrypt 或 argon2 哈希和驗證密碼,無需外部依賴項。
const password = "super-secure-pa$word";
const hash = await Bun.password.hash(password);
// => $argon2id$v=19$m=65536,t=2,p=1$tFq+9AVr1bfPxQdh...
const isMatch = await Bun.password.verify(password, hash);
// => true
Bun 是一個包管理器
即使您不將 Bun 用作運行時,Bun 的內置包管理器也可以加速您的開發工作流程。不再需要盯著 npm 的旋轉器看著依賴項安裝。
Bun 可能看起來像您習慣的包管理器 —
bun install
bun add <package> [--dev|--production|--peer]
bun remove <package>
bun update <package>
linux環境示例
Bun.js 支持 Windows 操作系統。Bun.js 基于 Node.js,因此可以在支持 Node.js 的所有操作系統上運行,包括 Windows、macOS 和 Linux。您可以在 Windows 上使用 Bun.js 來開發和運行 JavaScript 應用程序,而且其性能和功能與在其他操作系統上使用 Bun.js 相同。
console.log("Hello, world!");
function add(num1,num2){
return num1+num2;
}
console.log(add(1,2))
讀取文件的服務
好的,以下是一個使用 Bun.js 創建讀取文件的本地 HTTP 服務器的示例:
- 首先,您需要安裝 Bun.js。您可以在命令行中運行以下命令來安裝最新版本的 Bun.js:
npm install -g bun
- 接下來,您可以創建一個新的 JavaScript 文件,例如
server.js
,并在其中編寫一些代碼。例如,以下代碼將創建一個本地 HTTP 服務器,并在訪問http://localhost:3000/
時返回一個文本文件的內容:
const { serve } = require("bun");
const { readFileSync } = require("fs");
serve({
port: 3000,
fetch(request) {
const fileContent = readFileSync("./file.txt", "utf8");
return new Response(fileContent);
},
});
然后,您需要在與
server.js
文件相同的目錄下創建一個名為file.txt
的文本文件,并在其中添加一些文本內容。最后,您可以使用 Bun.js 運行這個 JavaScript 文件。在命令行中,導航到包含
server.js
文件的目錄,并運行以下命令:
bun server.js
Bun.js 將會運行 server.js
文件,并在控制臺中輸出 "Listening on http://localhost:3000/"。現在,可以在瀏覽器中訪問 http://localhost:3000/
,并將會看到 file.txt
文件的內容。