从create-react-app eject后，如何精简package.json至仅顶层依赖？

当然有办法搞定这个问题！create-react-app eject之后的package.json确实会塞进一堆原本藏在react-scripts里的依赖，很多其实都是不需要你手动维护的子依赖，清理起来完全可行。下面给你几个实用方案：

先借助npm自带命令理清依赖关系，再手动精简：

• 第一步，运行npm dedupe：这个命令会自动整理你的依赖树，把重复的子依赖合并，虽然不会直接修改package.json，但能让你更清晰地看到哪些依赖是被其他包引用的。
• 第二步，查看顶层依赖：运行npm ls --depth=0，这个命令会列出所有直接在package.json里声明的顶层依赖（也就是你实际需要手动维护的）。
• 第三步，对比清理：把package.json里的dependencies和npm ls --depth=0的结果对比，找出那些不在顶层列表里、但被其他依赖包含的包（比如你例子里的C），直接从package.json里删掉就行。
• 最后，运行npm install，npm会自动从子依赖中拉取所需的版本，不会影响项目运行。

有几个专门的工具能帮你自动识别并移除冗余依赖，省得手动对比：

• depcheck：最常用的依赖检测工具，会扫描你的项目代码，精准找出哪些依赖是真的没被用到的。
  1. 全局安装：npm install -g depcheck
  2. 项目根目录运行：depcheck
  3. 它会输出dependencies里未被使用的包，你可以根据结果安全删除那些确认是子依赖且未被直接调用的包（注意：自己代码里用到的包千万别删！）
• npm-check：带交互式界面的工具，不仅能检测冗余，还能帮你更新依赖，操作更直观。
  1. 全局安装：npm install -g npm-check
  2. 运行：npm-check
  3. 跟着提示操作，选择移除那些你确定是子依赖的冗余包就行。

• 操作前务必备份package.json和package-lock.json，万一删错了能快速恢复。
• 删完依赖一定要运行npm install，然后启动项目测试！有些看似是子依赖的包，可能在eject后的配置文件（比如webpack.config.js、babel.config.js）里被直接引用了，这种绝对不能删。
• 如果某个包既是子依赖，又是你自己代码里用到的，必须保留在package.json里，否则npm可能会拉取其他版本，导致兼容问题。

内容的提问来源于stack exchange，提问作者under_the_sea_salad