当我只能在浏览器中使用 react 时，为什么还要使用 create-react-app？

Question

我想使用 react/redux。所以我在 5 分钟后做了“create-react-app test”，我得到了一个包含 22,538 个文件的目录，占用了 131MB。

同时，如果我用谷歌搜索“jsfiddle react redux”并查看第一个链接，我会得到一个 jsfiddle，它只加载了几个文件，全部在浏览器中。

那么我为什么要使用 create-react-app 而不是在浏览器中加载一些依赖项呢？开销值得吗？主要是因为webpack吗？

Answer 1

我使用 create react app（从现在开始为 CRA），因为 react redux 有太多样板文件无法管理。

CRA 基本上是一个启动工具包：这解释了为什么在导入方面有如此多的基本包资产。

我可以向你保证，也许你会为在大型项目（以及依赖项......和打包！！！）上使用 redux 付出代价。

无论如何，主要取决于团队，如果您需要标准化如何操作事物并且您的团队很大，那么 Redux 应该很有用，因为这种行为方式避免了意外的实现，因为“有办法”做事。

Answer 2

我个人的偏好是不使用CRA。它旨在成为想要学习 react 而不会浪费时间配置和设置环境的开发人员的入门工具包。

如果您从头开始，这是一个很棒的学习工具，因为所有的魔法都隐藏在您的视野之外，您只需专注于 React 并让 cra 处理细节。但是生产项目并不是那么容易处理的。可能会有很多要求，而您的cra 可能不支持它。因为它旨在成为学习反应的通用工具。你可以弹出它，但你应该避免弹出它，因为配置非常复杂。

cra 您缺少项目的一个非常重要的基础。即webpack。

cra 解决此问题的方式是默认隐藏所有配置，因此在启动项目后，您不会暴露于 Babel、Webpack、dev/prod 环境或任何其他配置。

您从一个可以为您做所有事情的工具开始学习，但是当您准备好了解在这一切下事情的真正运作方式时，您应该怎么做？ 使用cra，您有一个弹出脚本，可以发现隐藏在下面的所有配置。 如果你觉得这样做很冒险，你会发现自己进入了一个非常庞大而可怕的配置，意味着要做很多事情并且设计成不暴露给最终用户。

如果您是资深开发者，那么您必须真正尝试根据您的项目要求配置自己的webpack 配置。 webpack、babel 等非常重要，因为它们不仅适用于 react。您可以在任何现代 javascript 项目中使用它们。作为一名高级开发人员，您应该真正知道事情是如何工作的，如果您决定删除一个库并添加另一个库，您应该知道在哪里以及如何做。并且真的不应该依赖于让事情变得简单的工具。

所有这些都不是一个硬性规则。但我个人的经验。