前端项目无用代码、无用文件的检查和删除

1,145 阅读1分钟

前言

很多开发者图省事往往存在直接复制一个页面或方法的情况,导致很多代码是多余的。在后续的维护中,开发者往往只是不断新增功能,导致无用的代码和文件越来越多。项目体积过大,给后续的维护带来了阅读量和理解的负担。

vscode配置删除无用import

settings.json中加入配置项:

"editor.codeActionsOnSave": { "source.organizeImports": true },

保存代码时(ctrl+s)自动整理页面所有import引用,自动删除未使用到的import、多import归类整理、排序。但这个配置只能在手动保存的时候,对当前文件生效,无法快速的扫描全局文件。

prettier-plugin-organize-imports

eslint-plugin-sort-imports-es6-autofix

ts-unused-exports

手写no-unused-vars修复方案

用 ESLint 配合自己 fork 改写 no-unused-vars 这个 rule ,自己提供规则对应的修复方案fix juejin.cn/post/699537…

webpack-deadcode-plugin

unused-webpack-plugin

unused-files-webpack-plugin

ts-prune