如何在本地保存多数React JS组件 避免创建React项目时重复下载依赖

有多种成熟方案可以避免重复下载依赖，大幅提升项目创建速度，具体如下：

• 开启包管理器离线模式
  不管你使用npm、yarn还是pnpm作为包管理器，都自带全局依赖缓存机制。只要你之前已经在线创建过一次同版本的React项目，所有相关依赖都会被缓存到本地，后续创建项目时添加离线参数即可直接调用本地缓存，不用重新下载：
  npm环境执行：npx create-react-app my-app --offline
  yarn环境执行：yarn create react-app my-app --offline
• 预制自定义项目模板
  提前创建一个符合你常用配置的基础React项目，安装好所有需要的依赖（比如路由、状态管理工具、UI库等），将这个空白模板文件夹保存好。后续需要新建项目时直接复制该文件夹，仅需删除模板中的.git目录、修改package.json中的项目名称、版本等自定义字段即可直接使用，全程不需要下载任何依赖。
• 替换为pnpm包管理器
  pnpm采用全局硬链接的依赖存储机制，所有依赖只会在本地磁盘存一份，所有项目都可以复用同一份依赖文件，相比npm/yarn减少90%以上的磁盘占用，同时依赖安装速度提升5-10倍。安装pnpm后执行pnpm create react-app my-app即可创建项目，后续新建项目的速度会有非常明显的提升。
• 全局安装脚手架工具
  可以将create-react-app脚手架包提前全局安装到本地，执行命令：npm install -g create-react-app，后续创建项目时就不需要每次临时下载脚手架本体代码，能节省一部分启动耗时。

如果你需要统一升级所有新项目的基础依赖，只需要更新你预制的本地模板项目的依赖版本即可，后续所有复制生成的新项目都会自动沿用新版本依赖，不需要重复操作。

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