前端新工具比Eslint快100倍!Eslint要被淘汰了?
Eslint
我們在日常開發中都會使用 Eslint,在我們的代碼寫的不符合規范的時候,Eslint 配合 Vscode插件 能報出錯誤讓我們知道,促使我們去修改這些有問題的代碼:
但是不知道你們有沒有遇到過,當你的項目太大的時候,代碼量多了,這時候 Eslint 的檢測就會很慢,我遇到過最慢的居然達到30多秒!!!!
Oxlint
12 月 12 日,Oxlint 正式發布,它是又字節跳動發布的,底層是通過 Rust 實現的。這是一個 JavaScript linter,旨在捕獲錯誤或無用的代碼,默認情況下不需要任何配置。根據官方的介紹,Oxlint 使用 Rust 編寫,速度比 ESLint 快 50-100 倍!
我總結一下,Oxlint 現階段還不會完全取代 Eslint,但是 Oxlint 的優勢有:
- 比 Eslint 快 50-100 倍,其實也取決你的電腦的 CPU 數量
- 規則很多,集合了 eslint、eslint-plugin-react、eslint-plugin-jest 等規則
- 支持 .eslintignore
- 支持ESLint 注釋禁用
1.超強的性能
Oxlint 的性能真的非常優秀,因為底層是 Rust 寫的,Rust 具備并行處理的機制,我們可以看下面的圖,可以發現 Oxlint 比 Eslint 快 50-100倍!
并且 Vue 大佬尤雨溪表示,200條規則 + 590 個文件,只需要 50 毫秒就檢驗完了,第二次甚至只需要 30 毫秒!!!
Menorepo 的創建者也表示 Oxlint 很棒。
2.高效檢查代碼
Oxlint 專注于識別出代碼中那些不合理的錯誤,比如錯誤的、冗余的、令人困惑的代碼。而不會去鉆牛角尖地檢查你代碼的性能、可疑性。這其實大大提高了檢查代碼的效率~
3.使用方便
當你的代碼出現錯誤時,Oxlint 會提供比較明確提示信息給你看,讓你一眼就看出是什么錯誤,而不需要你去翻閱文檔去查找
Oxlint 的使用
注意:Oxlint 不是用來替代 Eslint 的,可以用來提升 Eslint 的性能。
在項目的根目錄下運行:
npx oxlint@latest
獲取規則列表:
npx oxlint@latest --rules
獲取配置說明:
npx oxlint@latest --help
Vscode插件也有: