JavaScript-使用babel支持ES6模块

Question

我正在开发没有任何JS框架的JS应用程序。 我正在使用babel来支持箭头功能，等等。我想在应用程序中使用ES6模块。 如果我转换包含导入和导出语句的JS代码并在浏览器中运行，则会收到错误消息，提示“未定义导出”。

我尝试了在线提供的其他解决方案。 但是没有任何效果。

我不能仅通过添加babel和转堆来使用ES6模块吗？ 如果是，我该如何实现？

在utils.js中

export default Utils = {

};

在app.js中

import Utils from './utils';

在gulpfile.js中

.pipe(babel({
        presets: ['es2015']
}))

Answer 1

尽管Babel可以将ES6模块语法转换为CommonJS模块语法，但它不会将模块捆绑在根本不支持它们的环境中使用。

为此，您应该使用Browserify，Webpack或其他模块捆绑程序。

有关更多信息，您应该看到：