🔧 阿川の電商水電行
Node.js 原生功能狂飙，15 個熱門 npm 包要失業了
大家好，我是 Immerse，一名獨立開發者、內容創作者、AGI 實踐者。
關注公眾號：沉浸式趣談，獲取最新文章（更多內容只在公眾號更新）
個人網站：yaolifeng.com 也同步更新。
轉載請在文章開頭注明出處和版權信息。
我會在這裡分享關於編程、獨立開發、AI乾貨、開源、個人思考等內容。
如果本文對您有所幫助，歡迎動動小手指一鍵三連(點讚、評論、轉發)，給我一些支持和鼓勵，謝謝！
之前裝個 Node.js 項目，npm 包能裝一大堆。
現在發現很多包其實不用裝了，Node.js 自己就支持。
這次整理了 15 個已經被 Node.js 原生功能替代的熱門 npm 包。
有些已經穩定了，有些還在實驗階段，但都能用起來了。
fetch 終於成全局函數了
以前在 Node.js 裡用 fetch，必須裝 node-fetch。
現在 Node.js 18 開始，fetch 已經是全局函數了，和瀏覽器裡的用法完全一樣。
const res = await fetch("https://api.github.com/repos/nodejs/node");
const data = await res.json();
console.log(data.full_name);直接就能用，不用裝任何包。
Node.js 17.5 開始實驗性支持，到 18 就穩定了。
如果你的項目還在用 Node.js 18 之前的版本，那還是得裝 node-fetch。
WebSocket 也原生支持了
之前做 WebSocket 客戶端，基本都用 ws 這個包。
現在 Node.js 有了全局的 WebSocket 類。
const ws = new WebSocket("wss://echo.websocket.org");
ws.onopen = () => ws.send("Hello!");
ws.onmessage = (event) => console.log("Received:", event.data);Node.js 21 加的，不過還是實驗性的。
要注意的是，這只是客戶端支持。
如果要做 WebSocket 服務端，還是得用 ws 或其他庫。
測試框架不用裝了
以前寫測試，要裝 mocha、jest 這些框架。
現在 Node.js 自帶測試模組 node:test。
import test from "node:test";
import assert from "node:assert";
test("addition works", () => {
assert.strictEqual(2 + 2, 4);
});Node.js 18 加的實驗性功能，到 20 就穩定了。
如果需要快照測試、mock 這些高級功能，第三方框架還是更強。
不過對於模組級別的測試，node:test 完全夠用了。
SQLite 也要原生支持了
之前用 SQLite，要裝 sqlite3 或 better-sqlite3。
這兩個包都需要編譯原生模組，升級 Node.js 版本經常出問題。
現在 Node.js 在開發 node:sqlite 模組。
import { open } from "node:sqlite";
const db = await open(":memory:");
await db.exec("CREATE TABLE users (id INTEGER, name TEXT)");不過還是實驗性的，等穩定了就能徹底告別編譯問題了。
控制台彩色輸出不用裝 chalk 了
給控制台輸出加顏色，以前都用 chalk 或 kleur。
現在 Node.js 有 util.styleText 函數。
import { styleText } from "node:util";
console.log(styleText("red", "Error!"));
console.log(styleText(["bold", "green"], "Success!"));Node.js 20.12 加的，到 22.17 就穩定了。
如果需要複雜的主題配置或鏈式調用，chalk 還是更好用。
但簡單的顏色輸出，原生的就夠了。
清理 ANSI 碼也不用裝包了
以前要去掉日誌裡的 ANSI 轉義碼，得裝 strip-ansi。
現在有 util.stripVTControlCharacters 函數。
import { stripVTControlCharacters } from "node:util";
const text = "\u001B[4mUnderlined\u001B[0m";
console.log(stripVTControlCharacters(text));原生處理，穩定可靠。
基本不需要再裝第三方包了。
glob 匹配文件也原生了
匹配文件路徑，以前必須用 glob 包。
Node.js 22 開始有 fs.glob 函數了。
import fs from "node:fs/promises";
const files = await fs.glob("**/*.js");
console.log(files);22 版本就穩定了，可以放心用。
老項目還在用舊版本 Node.js 的話，還是得繼續用 glob 包。
递归刪除目錄不用 rimraf 了
刪除整個目錄樹，以前都用 rimraf。
現在 fs.rm 直接支持遞歸刪除。
import fs from "node:fs/promises";
await fs.rm("dist", { recursive: true, force: true });Node.js 12.10 就有了，現在所有 LTS 版本都穩定支持。
递归創建目錄也不用 mkdir 了
創建多級目錄，以前要裝 mkdir。
現在 fs.mkdir 原生支持。
await fs.mkdir("logs/app", { recursive: true });Node.js 10.12 就加了，早就穩定了。
UUID 生成不用裝包了
生成 UUID v4，以前要裝 uuid 包。
現在 crypto 模塊自帶 randomUUID 函數。
import { randomUUID } from "node:crypto";
console.log(randomUUID());Node.js 14.17 就有了，穩定版本。
Base64 編解碼也原生支持了
以前要 polyfill atob 和 btoa 函數。
現在這兩個已經是全局函數了。
const encoded = btoa("hello");
console.log(encoded);
console.log(atob(encoded));Buffer 一直都有，現在加上 atob 和 btoa，瀏覽器和 Node.js 的代碼終於統一了。
Node.js 20 左右加的，現在 LTS 版本都有。
URL 路由匹配有了 URLPattern
做路由匹配，以前要裝 url-pattern。
現在有全局的 URLPattern API。
const pattern = new URLPattern({ pathname: "/users/:id" });
const match = pattern.exec("/users/42");
console.log(match.pathname.groups.id);Node.js 20 加的，不過還是實驗性的。
但已經能用了，而且和瀏覽器的 URLPattern 完全一樣。
加載 .env 文件不一定要 dotenv 了
之前加載環境變數文件，必須裝 dotenv。
現在可以用 --env-file 參數。
node --env-file=.env app.jsNode.js 20.10 加的實驗性功能。
如果需要變數展開或多文件支持，dotenv 還是更強。
但簡單場景下，原生的就夠了。
EventTarget 也是全局的了
以前 Node.js 只有 EventEmitter，要用 Web 標準的 EventTarget 得裝 event-target-shim。
現在 EventTarget 已經是全局的了。
const target = new EventTarget();
target.addEventListener("ping", () => console.log("pong"));
target.dispatchEvent(new Event("ping"));Node.js 15 加的，15.4 就穩定了。
瀏覽器和 Node.js 終於可以用同樣的事件 API 了。
運行 TypeScript 不一定要 tsc 了
以前運行 .ts 文件，要裝 TypeScript 編譯器或 ts-node。
現在 Node.js 有實驗性的 TypeScript 支持。
node --experimental-strip-types app.tsNode.js 21 加的實驗性功能。
不過這只是去掉類型標註，不做類型檢查。
生產環境還是得用完整的 TypeScript 工具鏈。
為啥 Node.js 要把這些功能內置
看這些變化，能發現一個趨勢。
以前需要外部依賴的功能，現在越來越多變成了核心功能。
這樣做有幾個好處。
減少依賴數量，項目更輕量。
降低供應鏈攻擊風險，不用擔心某個包被投毒。
代碼在瀏覽器和服務端之間更容易移植。
能用就用起來
這些原生功能，瀏覽器支持好的就可以直接用了。
實驗性的功能可以在開發環境先試試。
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
