react如何清理

清理 React 项目的方法

移除未使用的依赖
检查 package.json 中的依赖项，运行以下命令识别未使用的包：

npm prune

或使用 depcheck 工具分析依赖关系：

npx depcheck

清理 node_modules 和缓存
删除 node_modules 和 package-lock.json（或 yarn.lock），然后重新安装依赖：

rm -rf node_modules package-lock.json
npm install

清理构建产物
如果使用 create-react-app，删除 build 文件夹并重新构建：

rm -rf build
npm run build

优化代码结构

• 删除未使用的组件、变量和导入语句。
• 使用 ESLint 和 Prettier 自动格式化代码：

  npx eslint --fix .
  npx prettier --write .

清理浏览器缓存
在开发过程中，浏览器可能缓存旧资源，强制刷新（Ctrl + Shift + R）或清除缓存以确保加载最新版本。

清理测试相关文件
删除旧的测试快照（__snapshots__）或未使用的测试文件，避免项目冗余。

检查内存泄漏
使用 Chrome DevTools 的 Memory 面板或 why-did-you-render 分析不必要的重新渲染：

npm install @welldone-software/why-did-you-render --save-dev

在根组件中启用：

if (process.env.NODE_ENV === 'development') {
  const whyDidYouRender = require('@welldone-software/why-did-you-render');
  whyDidYouRender(React);
}