首页 > 解决方案 > 不好的做法?没有 Babel 的 React 和 ES6

问题描述

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

提前致谢。

标签: javascriptreactjswebpackecmascript-6babeljs

解决方案


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

你用的是什么工具链?如果您使用 Webpack,您可以使用例如webpack-xray分析包的大小(免责声明:我的项目)。


推荐阅读