tRPC 소스 코드의 analyzeSizeChange 스크립트

이 기사에서는 trpc 소스 코드의 analyzeSizeChange 스크립트에 대한 개요를 제공합니다.

이 파일에는 다음과 같은 기능이 있습니다.

1. func analyzeSizeChange

2. 분석기능

3. GitHubLogType을 입력하세요

4. GitHubLogOptions를 입력하세요

5. func logNewModule

6. func logDifference

7. func logGithubMessage

8. 기능 차이

9. func 해결JsonPaths

10. func 스트립AnsiEscapes

11. func 형식GithubOptions

12. func 형식GithubMessage

여기서 가장 중요한 함수는 analyzeSizeChange입니다. onAnalytic이라는 함수가 있기 때문입니다.

export default function analyzeSizeChange(packageDir: string) {
 let analyzePluginIterations = 0;
 return analyze({
 summaryOnly: process.env.CI ? undefined : true,
 skipFormatted: process.env.CI ? true : undefined,
 onAnalysis: (analysis) => {
 …
 // calls logDifference
 if (prevModule) {
 logDifference(
 `Module '${module.id}'`,
 prevModule.size,
 module.size,
 );
 } else {
 logNewModule(module.id, module.size);
 }
 …
 })
}

logDifference와 logNewModule은 동일한 파일에 있으며 같은 위치에 있습니다. 이는 가독성과 재사용을 위한 것입니다.

logNewModule:

function logNewModule(name: string, size: number) {
 if (size < ABSOLUTE_BYTE_CHANGE_THRESHOLD) {
   return;
 }
 const type = 'notice';
 const options = {
   title: `New Module (${size} bytes in ${name})`,
 };
 const message = `${name} size: ${size} bytes`;
 logGithubMessage(type, message, options);
}

logNewModule은 이 파일 뒤에 있는 동일한 파일의 하단 어딘가에 있는 logGithubMessage라는 함수를 호출합니다.

기능입니다.

로그 차이:

function logDifference(name: string, before: number, after: number) {
 const change = difference(before, after);
 if (
   change.absolute < ABSOLUTE_BYTE_CHANGE_THRESHOLD &&
   change.percent < PERCENT_CHANGE_THRESHOLD
 ) {
   return;
 }
 const type = 'error';
 const options = {
   title: `Important Size Change (${change.absolute} bytes in ${name})`,
 };
 const message = `${name} size change: ${
   change.absolute
 } bytes (${change.percent.toFixed(2)}%)`;
 logGithubMessage(type, message, options);
}

logDifference는 logGithubMessage와 차이 함수를 호출하는데, 이 시점에서 함수 계층 구조가

임을 알 수 있습니다. 위에서 아래로 핵심 기능은 더 높은 순위에 있고 단일 책임 기능은 더 낮은 순위에 있습니다.

로그Github메시지

function logGithubMessage(
 type: GitHubLogType,
 message: string,
 options: GitHubLogOptions = {},
) {
 console.log(
   stripAnsiEscapes(
   `::${type} ${formatGithubOptions(options)}::${formatGithubMessage(
   message,
   )
}`,
),
 );
}

logGithubMessage는 StripAnsiEscapes, formatGithubOptions 및 formatGithubMessage의 세 가지 기능을 사용합니다.

회사 소개:

Thinkthroo에서는 대규모 오픈소스 프로젝트를 연구하고 아키텍처 가이드를 제공합니다. 우리는 귀하의 프로젝트에서 사용할 수 있는 tailwind로 구축된 resubale 구성 요소를 개발했습니다. Next.js, React, Node 개발 서비스를 제공합니다.

귀하의 프로젝트에 대해 논의하기 위한 회의를 예약하세요.

참고자료:

1. https://github.com/trpc/trpc/blob/next/scripts/analyzeSizeChange.ts

위 내용은 tRPC 소스 코드의 analyzeSizeChange 스크립트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!