React DOM-仅导入渲染会产生与导入整体/默认值相同的束大小

Question

我有一个网页配置，成功地启用了树摇动。然而，我发现令人沮丧的是，无论我是将react dom作为默认导出导入，还是只导入render（我唯一需要的函数），根据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插件。

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