【问题标题】:How can i create react-app with less node_modules如何使用更少的 node_modules 创建 react-app
【发布时间】:2026-01-17 01:30:02
【问题描述】:

我在我的桌面上使用了create-react-app <folder-name>,然后它在node_modules 文件夹中生成了一个包含1021 个文件夹的241 MB 文件夹。

我的 Udemy 讲师使用了相同的命令,但他在 node_modules 中只有几个文件夹。

请任何人帮助我摆脱那些不必要的文件夹。Check it out here

【问题讨论】:

  • 您是否担心捆绑包的大小?或者您是否将 node_modules 添加到版本控制中?还是只是为了减少文件夹?请说明您担心的原因...
  • 我只想将特定的 node_modules 添加到我的反应应用程序中。但是该命令添加了 1021 个文件夹,这使得应用程序非常繁重,甚至我的编辑器也很滞后。
  • 如果你想减少 node_modules 中的模块数量,你可以从头开始设置你的 React 应用程序。这是一个很好的练习,可以理解所有部分是如何工作的。

标签: node.js reactjs


【解决方案1】:

对于全新安装来说,大小似乎有点太大了,在我的情况下,CRA 大约需要 120MB。

您看到的模块不是必需的,它们是 create-react-app 的一部分,并且已被团队选择作为一般起点(我不确定您的 Udemy 讲师如何在新的安装,但 node_modules 的数量取决于操作系统和使用的包管理器)。

create-react-app 的主要好处是它让您准备好编码的速度有多快,但您会失去可定制性。如果您想摆脱所有不使用的模块,您应该eject 并删除它们或完全放弃 CRA 并制作自己的样板。

【讨论】:

  • 谢谢伙计,是的,我的导师在那个 node_module 文件夹中只有 4-5 个文件夹...好吧,但是如果我想创建另一个反应项目,那么我应该再次需要下载整个东西?
  • 如果你的导师确实使用了create-react-app,我严重怀疑它只在node_modules中添加了4-5个文件夹。
  • 通过单独添加 babel 或 webpack,您已经拥有 50 多个文件夹