JavaScript

Question

我正在开发一个没有任何 JS 框架的 JS 应用程序。我正在使用 babel 来支持箭头功能等。我想在我的应用程序中使用 ES6 模块。如果我在浏览器中转换包含导入和导出语句以及运行的 JS 代码，我会收到错误消息 "exports is not defined".

我尝试了网上提供的不同解决方案。但没有任何效果。

我加个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 或其他模块捆绑器。

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

JavaScript - ES6 模块支持使用 babel