不好的做法？没有 Babel 的 React 和 ES6答案

【问题标题】：bad practice ? React and ES6 without Babel不好的做法？没有 Babel 的 React 和 ES6
【发布时间】：2026-02-25 12:10:02
【问题描述】：

我在想，如果我们将我们拥有的所有类捆绑到一个文件中，但不使用 babel 将其填充到 ES5 会怎样。如果浏览器不支持 rs6，请在浏览器中使用 babel 或加载 polly 填充包并手动添加依赖项。我不知道这样做是否是个好主意，但我认为 babel 为我的 bundle 增加了一个巨大的尺寸。我有 300kb 的代码（未缩小），几乎没有依赖项（只有 react 和 router）。但是在捆绑和缩小之后，我得到了一个 1mb 大小的大文件。也许我在这里做错了。我也使用了 preact 而不是 react，但这对我帮助不大。

提前致谢。

【问题讨论】：

使用 babel 会增加文件大小，但不是 x3 ...您的捆绑有问题
你至少需要共享你的配置文件：babelrc/webpack.config/package.json
当然可以。我怀疑您是否会手动将 total 有效负载降至 1MB 以下。您可以使用 React 和路由器依赖项的 CDN 来减少包大小。

标签： javascript reactjs webpack ecmascript-6 babeljs

【解决方案1】：

Babel 不应该出现在你的包中。 babel-polyfill 可能，如果您需要它提供的一些功能，它可能相当大。

您使用的是什么工具链？如果你使用 Webpack，你可以分析包的大小，例如webpack-xray（免责声明：我的项目）。

【讨论】：