需要验证我对开发依赖性和依赖性的理解

Question

我是一名初学者（学习网络开发大约 15 天），目前我正在学习 React 等，如果这听起来太微不足道，我很抱歉。

我试图理解 devDependency 和依赖项之间的区别以及它们的正确用法。

我试图从文档和 stackoverflow 问题中找出答案，但我不能 100% 确定我是否正确。因此，请回顾一下我目前的理解，并告诉我到目前为止我是否正确。

定义

• 依赖项：仅最终将由生产构建使用的包。这些将出现在最终的 package.json 文件中。

• devDepndcies：这些包可以减轻我的开发工作，最终不会被产品/应用程序使用。这些不会包含在最终构建的 package.json 文件夹中。

正确使用的重要性

相当重要的是，从依赖项中正确排除 devDependency 可以使应用程序更轻。同时，错误地排除所需的依赖项将导致我的应用程序崩溃。

实际例子

在教程期间创建的 package.json 文件中，我有以下包，并且我提到了根据我当前的理解该包应具有的依赖关系类型。如果我在某个地方犯了错误，请告诉我：

• babel-cli : devDependency
• babel-core：devDependency
• babel-loader：devDependency
• babel-plugin-transform-class-properties：devDependency
• babel-preset-env：devDependency
• babel-preset-react：devDependency
• css-loader：devDependency
• 节点 sass：依赖
• 反应：依赖
• React-dom：依赖
• 反应模式：依赖
• sass-loader：依赖
• 样式加载器：依赖
• 验证器：依赖
• webpack：开发依赖
• webpack-dev-server：开发依赖

如果我有任何错误，请告诉我

Answer 1

devDependencies是仅在Web 应用程序的主动开发过程中需要的模块依赖项。例如，当您将新功能编码到 Web 应用程序中时。很多devDependencies将使您的开发变得更容易，并且可以提供诸如 linting、捆绑、转译等功能......

相反，常规dependencies模块是运行时必需的模块模块是Web 应用程序即，当其他用户想要与您的 Web 应用程序交互时，这些是您的 Web 应用程序正常工作所需的依赖项。

注意：我所说的模块是指您正在利用的库中的底层代码。更完整的定义可以在这里找到。

您对包含超出生产包所需的代码的担忧是合理的，我建议您阅读有关JavaScript 成本的更多信息。然而，一开始我会鼓励人们首先获得一个可用的代码库，并随着您的技能的增长不断迭代和改进您的代码。一路提高绩效。

最后，一些常见类型的devdependencies包含库用于测试代码库、构建、缩小、捆绑、转译和检查代码。

希望这有帮助！