我选择约定而不是配置,现在让我考虑权衡,create-react-app CLI 足以快速构建应用,但对于在 2G 网络上加载的快速可靠的应用来说,这也是必要的。
为了权衡利弊,我考虑在配置中增加选项来改进 webpack 配置,以获得更好的包大小,但我也考虑过使用React 的全部功能。启动 create-react-app 时,文件大小已经达到 45KB,没有 Redux 或 react-router。
了解到这一点后,我一直在研究使用 Preact 作为较小的替代方案。 什么是 Preact? Preact 是原生 React 的 3KB 替代品。
这主要是为了减轻原始 React API 的负担,、PropType验证和调 沙特阿拉伯电报号码数据库 用React.Children 的能力。如果需要上述任何功能, React 提供了一个名为preact-compat的可选插件。
设置 Preact 设置 Preact 很简单,只需要几个步骤,首先是通过 npm 安装 Preact(当然你也可以使用 yarn)。 npm i preact preact-compat 如果您要将 Preact 添加到现有库中,则需要添加 preact-compat,它包含镜像 ReactDOM 的最低要求。
这会带来一些负担,并将原始 Preact 3KB 包额外增加 2KB(总共 5KB)。 您还需要为 webpack 添加一个 Preact 别名,基本上就是声明您导入 React 的所有地方实际上都是在导入 Preact。
这是一个巧妙的技巧,而且效果很好这是我经常做的事情,这就是为什么拥有它是一件好事。 新的渐进式 Web 应用分类让每个人都对其包大小感兴趣。我一直使用 create-react-app CLI 创建应用,因为我不想在启动新应用时考虑配置和设置。
比较捆绑包大小 使用 create-react-app 启动应用程序时,其大小已达到 45.91KB,而 React 本身的大小为 39KB。