每次新建React项目需重复安装依赖？求无需重复安装的解决方案

1. 使用pnpm工作区（最推荐） #

pnpm通过硬链接+符号链接的机制实现依赖共享，能让多个项目共用同一份依赖存储，避免重复下载，同时子项目可以不用单独安装通用依赖。

• 步骤：
  • 在所有React项目的父目录下创建pnpm-workspace.yaml文件，内容如下：

    packages:
      - 'project-*' # 匹配所有以project-开头的子项目目录
      - 'apps/*'    # 或者指定具体子项目路径
    

  • 在父目录执行命令，将通用依赖（比如react、react-dom、构建工具等）安装到工作区根：

    pnpm add react react-dom vite -D -w
    

    （-w参数表示安装到工作区根目录，所有子项目可直接使用）
  • 子项目无需再安装这些通用依赖，也不会生成完整的node_modules（只有项目独有的依赖才会在子项目目录生成少量文件），直接运行项目即可。

2. 使用npm/yarn工作区 #

npm从v7版本开始原生支持工作区，yarn也有类似功能，原理和pnpm类似，依赖会统一存放在父目录的node_modules中，子项目共享使用。

• npm工作区步骤：
  • 在父目录的package.json中添加工作区配置：

    {
      "private": true,
      "workspaces": ["packages/*"]
    }
    

  • 在父目录安装通用依赖：

    npm install react react-dom -D -W
    

    （-W参数表示安装到工作区根）
  • 子项目直接使用依赖，无需单独安装，子项目目录不会生成完整的node_modules。

为什么别人的项目没有node_modules？ #

这种情况大多是用了项目工作区或者pnpm的全局依赖存储机制：

• 工作区模式下，通用依赖集中存放在父目录，子项目无需单独存储；
• pnpm会把所有下载过的依赖存在本地全局的store目录（默认是~/.pnpm-store），子项目的node_modules都是指向这个store的符号链接，甚至可以通过配置让子项目不生成node_modules。

注意事项 #

• 若不同项目需要不同版本的依赖，可在子项目的package.json中单独指定版本，工作区会自动处理版本隔离；
• 不要用全局安装依赖的方式（比如npm install -g react），会导致不同项目版本冲突，无法保证项目环境一致性。

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