抱歉，如果我遗漏了一些明显的东西，但我似乎无法理解为什么 react（或 react-dom）应该是大多数项目的依赖项而不是开发依赖项.. 通常 src 是用 es6 编写的，并存储在 /src 或 /client 中，当有人想为 prod 构建项目时，他将创建 /build 或 /dist 在 finalize bundle.js 所在的位置（使用 webpack 等） .从那里（在 prod）它只是一个提供常规 js（包）和 html 文件的 Web 服务器。
我想念什么吗？
我不明白我为什么要对 prod 做出反应（当然，除非选择 SSR）..
非常感谢！
【问题讨论】：
标签： node.js reactjs dependencies
dependencies 需要run，devDependencies 只需要develop，例如：单元测试、Coffeescript 到 Javascript 的转译、缩小、...
React 是一个依赖项，因为它包含在最终构建中。
如果是 React 应用程序，您的所有 JSX 都将转换为类似于 React.createElement 的语法，因此您将要求您的应用程序在运行时也具有 React。类似的方法如setState 和lifecyle functions 都在运行时执行。
事实上，react 是一个库，它公开了一些方法和 API 来访问和操作 DOM。
考虑这类似于jquery 或express，您将其添加到生产构建中，因为它们在运行时被使用。
在创建 React 应用程序时，诸如 babel、webpack 等仅用于创建包的内容将是开发依赖项，因为一旦生成打包的包，它就不需要在应用程序运行时生成
【讨论】：
我有同样的问题，发现 this article 解释得很好。
总而言之，将 react 依赖项放在哪里并不重要，因为 Webpack 会将它们捆绑到一个独立的文件中，并且代码在任何一种情况下都可以正常运行。但是，分离开发和生产依赖项可以更好地与其他开发人员就这些依赖项进行沟通。
【讨论】：
dependency 是在您提到的 src/ 或 client/ 模块中导入的东西。您运行的代码取决于它，因此在生产包中是必需的。
如果它是 Babel 之类的东西，它可能是一个 devDependency，因为：
但 React 并非如此。 setState 或生命周期挂钩等函数在运行时执行，这意味着库必须在运行时存在。
React 很可能被列为对等依赖项是一些流行的库。这是因为我们假设所有要使用这个库的项目都将安装React。就像考虑react-bootstrap 的情况一样。它只能在 react 项目中运行，因此我们将 react 作为对等依赖项包括在内，以减少安装它的开销。
如果您需要一个会在编译时消失的框架，请查看Svelte。
【讨论】：
React 将被导入。 dependencies 是通过这种方式导入到代码中的。
webpack 的东西，我们将没有任何依赖关系。
dependencies 或devDependencies。你根本不应该这样做npm install