この記事では、trpc ソース コードのanalyzeSizeChange スクリプトの概要を説明します。

このファイルには次の機(jī)能があります:

1. funcanalyzeSizeChange

2. 分析機(jī)能

3.「GitHubLogType

」と入力します。 4.「GitHubLogOptions

」と入力します 5. func logNewModule

6. func logDifference

7. func logGithubMessage

8. 機(jī)能の違い

9.関數(shù)solveJsonPaths

10.関數(shù)ストリップAnsiEscapes

11. func formatGithubOptions

12. func formatGithubMessage

ここで最も重要な関數(shù)は、analyzeSizeChange です。これには onAnalysis という名前の関數(shù)があるためです。

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 はこの同じファイル內(nèi)にあり、同じ場(chǎng)所にあります。これは読みやすさと再利用性を目的としています。

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 という名前の関數(shù)をこの後に呼び出します

関數(shù)。

logDifference:

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 と差分関數(shù)を呼び出します。この時(shí)點(diǎn)で、関數(shù)の階層構(gòu)造が

であることがわかります。 上から下に、コア機(jī)能が上位にランク付けされ、単一責(zé)任機(jī)能が下位にランク付けされます。

logGithubMessage

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

logGithubMessage は、stripAnsiEscapes、formatGithubOptions、formatGithubMessage の 3 つの関數(shù)を使用します。

私たちについて:

Thinkthroo では、大規(guī)模なオープンソース プロジェクトを研究し、アーキテクチャ ガイドを提供しています。私たちは、tailwind を使用して構(gòu)築された、プロジェクトで使用できる resubale コンポーネントを開発しました。 Next.js、React、Node 開発サービスを提供します。

プロジェクトについて話し合うためのミーティングを予約してください。

參考文獻(xiàn):

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

以上がtRPC ソース コードのanalyzeSizeChange スクリプトの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。