本文将介绍一系列模式和技巧，帮助你通过去除未使用的 JavaScript 来减少这种负担，从而节省时间、优化性能并提高效率。 什么是未使用的 JavaScript？ 简而言之，未使用的 JavaScript，通常称为死代码，是指你的 Web 应用程序不使用或不需要的任何代码，但存在于你发送到浏览器的最终 JavaScript 捆绑包中。这些死代码处于休眠状态，增加了你的 JavaScript 捆绑包的整体大小，可能影响性能。 为什么会有未使用的代码？ 最明显的原因是你可能添加了不再需要的代码，但在最终捆绑包中忘记了删除。这些可能是在应用程序中不再执行、调用或在任何地方不再使用的函数、类或变量。 另一个原因可能是未使用的依赖关系。换句话说，你可能在代码中使用了第三方 JavaScript 依赖关系，但实际上并没有使用。更糟糕的是，这些依赖关系可能有它们自己的未使用 JavaScript，进一步增加了项目中不必要的负担。 移除未使用的 JavaScript 有几种方法可以从 Web 应用程序中删除未使用的 JavaScript。以下是一些建议和模式，将帮助你将更强大、更高效的 JavaScript 捆绑包发送到 Web，无论你是使用纯 JavaScript 还是任何专用库或框架，如 React、SolidJS 或 Vue.js。 代码拆分 代码拆分是一种将 JavaScript 代码拆分为更小、更易管理的块的技术。然后，你可以按需或并行网络请求加载这些块，这意味着你不必每次都加载整个 JavaScript 捆绑包，只需加载必要的部分。 想象一下，如果你有一个像下面这样的单一 JavaScript 捆绑包： <script src="mainbundle.js"></script> <!-- 60kb 文件 --> 你可以将其拆分为较小的块，只有在需要时才能下载： <script...