させてください

それは呪文のように聞こえ、魔法のように効果があります

Letify CLI は、ファイルをスキャンし、同じストリームに対する複数の非同期サブスクリプションを検出することで、Angular 開発者がテンプレートを最適化するのに役立ちます。

使用法

まず、Letify CLI をインストールします。

 npm i -D @jsverse/letify

次に、次のコマンドを実行します。

 npx letify [分析|修正] 'a/b.html' 'c/**/*.html' ...

analyze : 指定されたファイル内の重複したサブスクリプションを特定し、レポートを生成します。
fix : 重複するサブスクリプションを特定し、テンプレートの先頭にある単一の@let宣言で重複を置き換えます。

CI / リント-

指定されたファイルで重複したサブスクリプションが検出された場合、Letify はエラー終了コードを返します。 lint ステージングまたは CI ワークフローにシームレスに統合して、重複したサブスクリプションがコミットされるのを防ぐことができます。

使用上の注意

Letify はコメントされたコードを無視し、分析しません。
キー付き読み取り ( data[prop] | async ) および引数を使用した関数呼び出し ( myMethod(value, ...) | async ) は現在サポートされていません。
@let構文を使用するには Angular >=18.1が必要です。古いバージョンを使用している場合は、 analyzeコマンドを実行し、代替手段を使用してサブスクリプションを再利用します。

オプション

-r, --reporter : レポート形式を指定します。

html (デフォルト): HTML レポートを生成します。
list : 提案の単純なリストを出力します。
json : プログラムで使用するための JSON レポートを提供します。

-o, --open : 生成された HTML レポートを自動的に開きます (デフォルトはtrue 。
--verify-convention (デフォルト: false ): テンプレート内のストリーム名 (オブザーバブル) が$記号で終わる規則に従っていることを確認します。
--variable-suffix (デフォルト: value ): 主に衝突を避けるために、 fixモードで宣言された変数にサフィックスを追加します。

デバッグ

DEBUG環境変数を設定することで、デフォルトのログを拡張できます。

 DEBUG=letify:* npx letify ...

サポートされている名前空間: letify:*|letify:fix 。