Reactjs 以kb为单位有多大？

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

就我个人而言，我想知道反应有多“沉重”。我的目标是让我的客户端代码尽可能小——我甚至考虑在服务器上为主页呈现模板，并将较小的模板留给客户端——这样我就有一个尽可能完整的“外壳”从服务器发送到客户端，然后随着用户在应用程序中的进展，它会自行放大。通常，当我看到React的用例示例时，我看到人们在客户机上呈现一切——我确信，客户机端代码变得非常非常庞大

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

，你可以在博客中看到：

• react的大小为5.3kb（2.2kb压缩），低于20.7kb（6.9kb压缩）
• react dom为103.7KB（32.6KB压缩），低于141KB（42.9KB gzip）
• react+react dom的大小为109 kb（34.8 kb压缩），低于161.7 kb （49.8kb压缩）

您也可以进一步查看

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

或

你可以在博客中看到它：

• react的大小为5.3kb（2.2kb压缩），低于20.7kb（6.9kb压缩）
• react dom为103.7KB（32.6KB压缩），低于141KB（42.9KB gzip）
• react+react dom的大小为109 kb（34.8 kb压缩），低于161.7 kb （49.8kb压缩）

您也可以进一步查看

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

或

您可以查看：

它适用于您想要的任何库。

您可以查看：

---

它适用于您想要的任何库。

您可以使用reactCreateApp创建默认示例启动应用程序，并在浏览器中轻松检查客户端大小。您可以使用reactCreateApp创建默认示例启动应用程序，并在浏览器中轻松检查客户端大小。