Letify CLI aide les développeurs Angular à optimiser leurs modèles en analysant vos fichiers et en détectant plusieurs abonnements asynchrones au même flux.
Pour commencer, installez Letify CLI :
npm je -D @jsverse/letify
Ensuite, exécutez la commande :
npx letify [analyser|fixer] 'a/b.html' 'c/**/*.html' ...
analyze
: identifie les abonnements en double dans les fichiers spécifiés et génère un rapport.
fix
: identifie les abonnements en double et remplace les duplications par une seule déclaration @let
au début du modèle.
Letify renverra un code de sortie d'erreur si des abonnements en double sont détectés dans les fichiers spécifiés. Il peut être intégré de manière transparente à vos flux de travail lint ou CI pour éviter la validation d'abonnements en double.
Letify ignore le code commenté et ne l'analyse pas.
Les lectures à clé ( data[prop] | async
) et les appels de fonction avec des arguments ( myMethod(value, ...) | async
) ne sont actuellement pas pris en charge.
Vous aurez besoin d'Angular >=18.1
pour utiliser la syntaxe @let
. Si vous utilisez une ancienne version, exécutez la commande analyze
et utilisez des alternatives pour réutiliser vos abonnements.
-r, --reporter
: Spécifie le format du rapport :
html
(par défaut) : génère un rapport HTML.
list
: génère une simple liste de suggestions.
json
: fournit un rapport JSON pour une utilisation programmatique.
-o, --open
: ouvre automatiquement le rapport HTML une fois généré ( true
par défaut.
--verify-convention
(par défaut : false
) : vérifie que les noms de flux (observables) dans les modèles suivent la convention de se terminer par un signe $
.
--variable-suffix
(par défaut : value
) : ajoute un suffixe à la variable déclarée en mode fix
, principalement pour éviter les collisions.
Vous pouvez étendre les journaux par défaut en définissant la variable d'environnement DEBUG
:
DEBUG=letify :* npx letify...
Espaces de noms pris en charge : letify:*|letify:fix
.