React-DOM导入只会生成与导入整个/默认相同的包大小

Question

我有一个成功启用摇树的Webpack配置。然而，我发现令人难以置信的是，无论我是将react-dom作为缺省导出导入还是只渲染-我唯一需要的函数-根据Webpack-bundle-analyzer，它在最终包中的大小是相同的。高达114kb。Webpack推荐的捆绑包大小为244kb，因此简单地使用React-DOM几乎占据了该空间的一半。为什么会这样呢？有什么办法可以绕过它吗？

import { render } from "react-dom";
// or
import ReactDOM from "react-dom";
// both give same 114kb output in final bundle :(

Answer 1

树抖动只有在一些代码没有被使用并且可以安全地删除的情况下才有效。不幸的是，React-DOM几乎使用了它导出的所有代码，而且数量很大。

我推荐使用Preact (https://preactjs.com/)，它是React的一个替代实现。Preact内核是3kb的，几乎完全兼容React，为了完全兼容，还提供了preact-compat插件。

它更小更快，所以它是双赢的。