Letify CLI 透過掃描檔案並偵測相同串流的多個非同步訂閱來幫助 Angular 開發人員優化他們的模板。
首先,安裝 Letify CLI:
npm i -D @jsverse/letify
然後,運行命令:
npx letify [分析|修復] 'a/b.html' 'c/**/*.html' ...
analyze
:識別指定文件中的重複訂閱並產生報告。
fix
:識別重複的訂閱並用模板開頭的單一@let
聲明取代重複項。
如果在指定檔案中偵測到任何重複訂閱,Letify 將傳回錯誤退出程式碼。它可以無縫整合到您的 lint 階段或 CI 工作流程中,以防止提交重複的訂閱。
Letify 忽略註解程式碼並且不分析它。
目前不支援鍵控讀取 ( data[prop] | async
) 和帶有參數的函數呼叫 ( myMethod(value, ...) | async
)。
您需要 Angular >=18.1
才能使用@let
語法,如果您使用的是舊版本,請執行analyze
命令並使用替代方案來重複使用您的訂閱。
-r, --reporter
:指定報告格式:
html
(預設):產生 HTML 報告。
list
:輸出簡單的建議清單。
json
:提供 JSON 報告以供程式設計使用。
-o, --open
:產生後自動開啟 HTML 報告(預設true
。
--verify-convention
(預設值: false
):檢查範本中的流名稱(可觀察值)是否遵循以$
符號結尾的約定。
--variable-suffix
(預設值: value
): 在fix
模式下為宣告的變數加上後綴,主要是為了避免衝突。
您可以透過設定DEBUG
環境變數來擴充預設日誌:
調試=letify:* npx letify ...
支援的命名空間: letify:*|letify:fix
。