React 有多大（以 kb 为单位）？

Question

我喜欢从 React 中看到的东西 - 但每当我听说它有无数的插件和模块时，我实际上想知道它还有多少我还没有见过的功能，因为我还没有真正积极地使用 React（尽管我确实这样做了）通过 Babel 插件使用 JSX）。

就我个人而言，我想知道 React 到底有多“重”。我的目标是使我的客户端代码尽可能小 - 我什至正在考虑在服务器上渲染主页的模板，并将较小的模板留给客户端 - 这样我就有一个尽可能完整的“外壳”从服务器发送到客户端，然后随着用户在应用程序中的进展而自行放大。通常，当我看到 React 的用例示例时，我看到人们在客户端上渲染所有内容- 我确信，为此，客户端代码变得非常非常巨大。

因此，在我对我实际上并不确切知道的内容做出任何进一步的假设之前，我想看看 React 单独需要多少。举个例子，考虑一个简单的样板，比如 ToDo-MVC-ish 示例：一个路由器、几个控制器和几个视图/模板。

Answer 1

您可以在React 16博客中看到它：

• React 的大小从 20.7 kb（gzip 压缩后的 6.9 kb）减少到 5.3 kb（gzip 压缩后的 2.2 kb）。
• React-dom 大小为 103.7 kb（gzip 压缩后为 32.6 kb），低于 141 kb（gzip 压缩后为 42.9 kb）。
• React + React-dom 为 109 kb（gzip 压缩后为 34.8 kb），低于 161.7 kb（gzip 压缩后为 49.8 kb）。

您也可以在这里进一步查看。

如果您愿意，可以安装webpack 捆绑分析器，它将允许您分析单独的模块，如图所示：

或者，webpack 可视化工具：