使用 eslint 时，是否还需进行 tree shaking？

在使用 ESLint 时，我们可能会遇到 ESLint 的提示，指出定义了某些未使用变量。这时，我们可能会感到疑惑：是否还需使用 Tree Shaking？

ESLint 和 Tree Shaking 的作用

ESLint 是一款编码规范工具，在编码阶段通过分析代码提示潜在的代码问题，例如声明但未使用的变量或错误代码，并提供修复建议。它帮助开发者在编写代码时遵循最佳实践。

Tree Shaking 是在构建阶段（通常是打包编译阶段）进行的一项代码分析和优化技术。它通过分析代码中的 import 和 export 声明，以及程序中对这些导入代码的使用情况，去除未引用或未使用的代码部分。这样可以缩小打包结果的体积，减少应用程序的加载时间和内存占用。

是否需要同时使用

尽管 ESLint 和 Tree Shaking 在某些方面存在重叠，但它们的工作方式和目标却有所不同。ESLint 侧重于编码规范和代码质量，而 Tree Shaking 专注于优化构建输出。

因此，即使使用 ESLint，在以下情况下仍然可以考虑使用 Tree Shaking：

• 减少包大小： 大型项目的包大小通过 Tree Shaking 可显著减小，这在移动或资源受限的环境中尤为重要。
• 提高性能： 较小的包大小可以在加载和执行时提高应用程序性能。
• 检测第三方库中的未使用代码： Tree Shaking 可以分析第三方库，并仅保留项目中实际使用的代码，从而避免包含未使用的代码导致的冗余。

需要注意的是，ESLINT 虽然不能帮你自动的清除掉代码中无用的代码，但是他能限制你写无用的代码，减少添加无用代码的概率。