Letify CLI는 Angular 개발자가 파일을 스캔하고 동일한 스트림에 대한 여러 비동기 구독을 감지하여 템플릿을 최적화하는 데 도움이 됩니다.
시작하려면 Letify CLI를 설치하세요:
npm i -D @jsverse/letify
그런 다음 다음 명령을 실행합니다.
npx letify [분석|수정] 'a/b.html' 'c/**/*.html' ...
analyze
: 지정된 파일에서 중복 구독을 식별하고 보고서를 생성합니다.
fix
: 중복 구독을 식별하고 템플릿 시작 부분에 있는 단일 @let
선언으로 중복을 대체합니다.
지정된 파일에서 중복 구독이 감지되면 Letify는 오류 종료 코드를 반환합니다. 중복 구독이 커밋되는 것을 방지하기 위해 린트 단계 또는 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
.