react如何清洁

清洁 React 项目的方法

删除未使用的依赖项
运行 npm prune 或 yarn install --production 移除 package.json 中未列出的依赖。使用工具如 depcheck 识别未使用的依赖：

npx depcheck

清理 node_modules
删除 node_modules 文件夹后重新安装依赖，确保使用最新版本：

rm -rf node_modules
npm install

优化构建输出
使用 webpack-bundle-analyzer 分析构建文件大小，移除冗余代码：

npm install --save-dev webpack-bundle-analyzer

在 webpack.config.js 中添加插件配置：

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
module.exports = {
  plugins: [new BundleAnalyzerPlugin()]
};

清理临时文件和缓存
删除构建生成的文件夹（如 dist、build）及缓存：

rm -rf dist build .cache

格式化与 Lint
使用 ESLint 和 Prettier 统一代码风格，修复潜在问题：

npx eslint --fix src/
npx prettier --write src/

检查过时的依赖
运行 npm outdated 或 yarn outdated 查看需要更新的包，使用 npm update 或 yarn upgrade 更新。

移除未使用的代码
利用 IDE 或工具（如 ts-prune）检测未使用的导出代码：

npx ts-prune | grep "is not used"

清理测试文件
删除无效的测试用例或快照，运行测试确保无残留：

npm test -- --watchAll=false