2025，是时候清理你的前端项目了！

主要观点总结

本文介绍了三个用于清理前端死代码的实用工具。首先是Knip，用于删除JavaScript/TypeScript项目中的死代码，包括未使用的文件、依赖项、导入导出和重复导出等；其次是depcheck，一个分析项目依赖项的工具，可以帮助查看每个依赖项的使用情况，并删除未使用的依赖项；最后是PurgeCSS，用于移除未使用的CSS代码，通过查找实际使用的CSS类和ID，移除从未在项目中引用过的样式规则。

关键观点总结

关键观点1: 工具一：Knip

Knip主要用于删除JavaScript/TypeScript项目中的死代码，支持多种删除操作，包括未使用的文件、依赖项、导入导出和重复导出等。知名前端工具如TypeScript、Eslint、Prettier、Nuxt.js都在使用它。

关键观点2: 工具二：depcheck

depcheck是一个分析项目中依赖项的工具，通过查看每个依赖项的使用情况，帮助开发者了解哪些依赖项是没有用到的，可以根据分析结果删除未使用的依赖项。

关键观点3: 工具三：PurgeCSS

PurgeCSS用于移除未使用的CSS代码。它通过深入分析HTML、JavaScript或其他模板文件，精准地查找实际使用的CSS类和ID，并移除那些从未在项目中引用过的样式规则。

文章预览

你的前端项目中是否有很多未使用的代码（死代码）？本文就来分享三个用于清理前端死代码的实用工具！ 1. Knip（图2-图4）：用于删除JavaScript/TypeScript项目中的死代码，支持删除未使用的文件、未使用依赖项、未使用的导入导出、重复导出等。很多知名前端工具，如TypeScript、Eslint、Prettier、Nuxt.js 等都在使用它，目前其 npm 月下载量 300w 左右。 2. depcheck（图5）：一个用于分析项目中依赖项的工具，可以查看每个依赖项如何使用、哪些依赖项是没有用到的、以及缺少哪些依赖项。可以根据分析结果删除未使用的依赖项。其每月 npm 下载量 400w 左右。 3. PurgeCSS（图6）：一个用于移除未使用 CSS 代码的工具。它通过分析 HTML、JavaScript 或其他模板文件，查找实际使用的 CSS 类和 ID，并移除那些从未在项目中引用过的样式规则。其每月 npm 下载量 300w 左右。 ………………………………