react-scripts如何安装额外依赖？核心脚本运行机制探究

• 先纠正一个误解：你看到的额外依赖，是react-scripts自身package.json里dependencies字段声明的依赖包，npm在安装react-scripts时会自动递归安装这些依赖，不是这个bin脚本在安装阶段执行导致的。这个脚本的作用是处理项目的启动、构建、测试等命令，而非安装依赖。

• 这个脚本的运行逻辑基于npm的bin命令机制：

  1. 打开react-scripts的package.json，能看到bin字段，它将bin/react-scripts.js映射成了同名的可执行命令。
  2. 当你通过npm安装react-scripts时，npm会自动在项目的node_modules/.bin目录下创建指向该脚本的软链接（Windows系统下是.cmd后缀的批处理文件）。
  3. 当你执行react-scripts start/build这类命令，或者通过npm scripts里配置的命令（比如npm start）触发时，npm会优先从node_modules/.bin目录查找对应的可执行文件，然后启动这个js脚本，执行对应命令逻辑。

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