在本文中，我們概述了 trpc 源代碼中的analyzeSizeChange 腳本。

該文件有以下功能：

1. funcanalyzeSizeChange

2. 函數(shù)分析

3. 輸入 GitHubLogType

4. 輸入 GitHubLogOptions

5. func logNewModule

6. func logDifference

7. func logGithubMessage

8. 功能區(qū)別

9. funcresolveJsonPaths

10. func stripAnsiEscapes

11. func formatGithubOptions

12. func 格式Github消息

這里最重要的函數(shù)是analyzeSizeChange，因?yàn)樗幸粋€(gè)名為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 位于同一個(gè)文件中并且位于同一位置。這是為了可讀性和可重用性目的。

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 在此之后調(diào)用名為 logGithubMessage 的函數(shù)，該函數(shù)位于同一文件底部的某個(gè)位置

功能。

日志差異：

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調(diào)用了logGithubMessage和difference函數(shù)，此時(shí)我們可以看到函數(shù)層次結(jié)構(gòu)為

從上到下，核心功能排名較高，單一職責(zé)功能排名較低。

logGithub消息

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

logGithubMessage 使用三個(gè)函數(shù) — stripAnsiEscapes、formatGithubOptions 和 formatGithubMessage。

關(guān)于我們：

在 Thinkthroo，我們研究大型開源項(xiàng)目并提供架構(gòu)指南。我們開發(fā)了使用 tailwind 構(gòu)建的 resubale 組件，您可以在您的項(xiàng)目中使用它們。我們提供 Next.js、React 和 Node 開發(fā)服務(wù)。

與我們預(yù)約會(huì)面討論您的項(xiàng)目。

參考資料：

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

以上是tRPC源代碼中的analyzeSizeChange腳本的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！