概念

Oxlint 是 OXC 工具集的其中一個(gè)工具，用于捕獲錯(cuò)誤或無(wú)用的代碼，作用和 ESLint 類似。

OXC 是字節(jié)跳動(dòng)出品的一個(gè)用 Rust 編寫(xiě)的 JavaScript 高性能工具集合，該項(xiàng)目的重點(diǎn)在于構(gòu)建 JavaScript 的基本編譯器工具：解析器、linter、格式化程序、轉(zhuǎn)譯器、壓縮器和解析器。此外，OXC 還為 Rspack、Rolldown 和 Ezno 等新興 JavaScript 工具提供支持。

現(xiàn)階段，oxlint 無(wú)意完全取代 ESLint；當(dāng) ESLint 的緩慢成為工作流程中的瓶頸時(shí)，它可以作為增強(qiáng)功能。

系統(tǒng)要求：oxlint 專為 darwin-arm64、darwin-x64、linux-arm64、linux-x64、win32-arm64 和 win32-x64 構(gòu)建。

Oxc Github：https://github.com/oxc-project/oxc。

特性

Oxlint 的特新如下：

• 比 ESLint 快 50 - 100 倍，并隨 CPU 核心數(shù)量不斷擴(kuò)展。
• 超過(guò) 200 條規(guī)則，且正在不斷增加，來(lái)自 eslint、typescript、eslint-plugin-react、eslint-plugin-jest、eslint-plugin-unicorn 和 eslint-plugin-jsx-a11y。
• 支持.eslintignore。
• 支持ESLint 注釋禁用。

下面來(lái)詳細(xì)看看這些特性。

比 ESLint 快 50-100 倍

在現(xiàn)實(shí)場(chǎng)景中，Shopify 報(bào)告稱，他們的 75 CI 分鐘 ESLint 運(yùn)行現(xiàn)在只需 10 秒。大部分性能提升源于 Oxlint 專門針對(duì)性能而設(shè)計(jì)，利用 Rust 和并行處理作為關(guān)鍵因素。

檢查正確性

Oxlint 默認(rèn)識(shí)別錯(cuò)誤、冗余或令人困惑的代碼 ，優(yōu)先考慮正確性而不是不必要的挑剔規(guī)則（分類為 perf、suspicious、pedantic 或 style），默認(rèn)情況下禁用。

Oxlint 默認(rèn)識(shí)別代碼中的錯(cuò)誤、冗余或令人困惑的部分。它的設(shè)計(jì)原則是優(yōu)先考慮代碼正確性，而不是過(guò)度挑剔的規(guī)則。Oxlint 將問(wèn)題分類為 perf（性能）、suspicious（可疑）、pedantic（追求細(xì)節(jié)）或 style（風(fēng)格），默認(rèn)情況下這些規(guī)則是禁用的。

使用方便

Oxlint 的設(shè)計(jì)目標(biāo)之一是提供零配置的開(kāi)箱即用體驗(yàn)，以減少設(shè)置新的 JavaScript/TypeScript 代碼庫(kù)時(shí)可能遇到的兼容性問(wèn)題。它甚至不需要 Node.js 環(huán)境來(lái)運(yùn)行，并且可以從現(xiàn)有的 ESLint 配置文件中讀取當(dāng)前項(xiàng)目的配置，簡(jiǎn)化了調(diào)整和集成的過(guò)程。

增強(qiáng)診斷功能

理解代碼檢查工具的消息可能會(huì)很具有挑戰(zhàn)性。Oxlint 的目標(biāo)是通過(guò)準(zhǔn)確定位根本原因并提供有用的提示來(lái)簡(jiǎn)化此過(guò)程，從而消除了閱讀冗長(zhǎng)規(guī)則文檔的需求，節(jié)省時(shí)間。

在 VSCode代碼庫(kù)中運(yùn)行 oxlint -D perf:

合并規(guī)則

Oxlint 當(dāng)前尚未提供插件系統(tǒng)，但團(tuán)隊(duì)正在積極整合來(lái)自流行插件（例如 TypeScript、React、Jest、Unicorn、JSX-a11y和Import）的規(guī)則。

Oxc 團(tuán)隊(duì)深知在 JavaScript 生態(tài)系統(tǒng)中插件的重要性，并且正在研究基于DSL的插件系統(tǒng)。

不過(guò)，用戶也可能會(huì)喜歡一個(gè)獨(dú)立的代碼檢查工具，它無(wú)需管理插件依賴列表，避免兼容性問(wèn)題，或因版本限制而使用分叉插件。

使用

直接在存儲(chǔ)庫(kù)的根目錄運(yùn)行 oxlint：

npx oxlint@latest

可以通過(guò)以下命令來(lái)獲取規(guī)則列表：

npx oxlint@latest --rules

可以通過(guò)以下命令來(lái)獲取配置說(shuō)明：

npx oxlint@latest --help

Oxc 提供了 VS Code 插件供開(kāi)發(fā)者使用：

插件下載：https://marketplace.visualstudio.com/items?itemName=oxc.oxc-vscode。

效果

那在真實(shí)應(yīng)用中的效果怎么樣呢，下面來(lái)看看一些體驗(yàn)反饋。

Vue.js 的作者尤雨溪表示，在對(duì) Vue 3 的代碼庫(kù)進(jìn)行測(cè)試時(shí)，測(cè)試了約 200 條規(guī)則 + 約 590 個(gè)文件，在 50 毫秒內(nèi)就完成了，再次運(yùn)行僅用了 30 毫秒。

Moonrepo 的創(chuàng)建者表示，oxlint（和 oxc 工具）真是太瘋狂了。不僅在性能上，而且在操控性上。依靠 Rust 是一個(gè)不錯(cuò)的選擇！

Preact 的作者表示，oxlint 對(duì) Shopify 來(lái)說(shuō)是一個(gè)巨大的勝利，之前的 linting 需要 75 分鐘才能運(yùn)行，因此將其分散到 CI 中的 40 多個(gè) worker 中。相比之下，oxlint 在單個(gè) worker 上檢查相同的代碼庫(kù)大約需要 10 秒，并且輸出更容易解釋。