javascript - Babel 和 Browserify/Webpack 混淆

Question

快速提问。我对 ES2015(ES6) 有点困惑。

假设我使用 Babel 将 ES6 Javascript 编译为兼容当前浏览器的 ES5。

import/export 函数已经在 ES6 中通过使用 Babel 提供。那么，当 ES6 可以为我做这件事时，如果我只是简单地使用它们来捆绑我的模块，为什么我需要像 Browserify 或 Webpack 这样的东西呢？

无论我走到哪里，我都会看到人们将 Babel 与 Browserify 或 Webpack 结合使用。虽然我知道像 Webpack 这样的东西可以用于更多，但我想知道是否也可以使用 ES6 语法来打包文件。

我在这里可能完全错了，我可能迷失在 2016 年的 Javascript 丛林中，所以我希望有人能为我澄清这一点。

编辑

我是否可以假设原生 ES6 导入/导出功能根本不捆绑文件？从我到目前为止所读的内容来看，我认为您仍然需要包含所有单独的 Javascript 文件，但您只需使用 native 导入功能将模块导入到彼此的命名空间中？

Answer 1

是的，使用 babel 将您的 ES6 导入转换为 ES5 是可行的。

但是，使用 webpack 的一个优点是创建一个静态文件以在您的生产环境中提供。