如何导出模块

Question

我开始从https://egghead.io/technologies/es6学习ECMAScript 6方式，知道仍有很多可能会改变，但想早点开始。

但是，当我按照（https://egghead.io/lessons/ecmascript-6-es6-modules-es2015-import-and-export）上的教程说明完全相同时，我得到一个错误，我不知道我可能做错了什么。

未捕获的ReferenceError：未定义require

Babel转换为ES5后该行的代码

"use strict";

var _distExporter = require("dist/exporter");

console.log("2 + 3=", (0, _distExporter.sumTwo)(2, 3));
//# sourceMappingURL=importer.js.map

开发人员提到CommonJS和WebPack作为一种解决方案甚至提到了RequireJS，但在教程中没有说明我应该编写或使用替代库。

我的html就是这个

<html>
<head>
  <script src="dist/importer.js"></script>
</head>
<body>

</body>
</html>

我的importer.js是

import { sumTwo } from "dist/exporter";

console.log( "2 + 3=", sumTwo(2,3))

我的exporter.js是

function sumTwo(a, b){
  return a + b;
}

export { sumTwo };

我不知道我哪里出错了。我正在使用BabelJS（https://babeljs.io/）