JavaScript函数导入不起作用答案

【问题标题】：JavaScript function Import not workingJavaScript函数导入不起作用
【发布时间】：2017-05-30 10:38:15
【问题描述】：

我正在尝试从单独的 .js 文件导入函数。当我声明导入命令时，页面没有执行代码。但是当我删除导入命令并执行一个简单的警报（'Hello'）时，页面上会弹出那个东西。

项目结构
--Todo-app
----js
------two.js
------main.js
----index.html

索引.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script src="js/main.js"></script>
</body>
</html>

两个.js

export function one() {
    return 1 + 1;
}

main.js

import { one } from 'two';
alert(one());

【问题讨论】：

【解决方案1】：

目前，任何浏览器都没有原生实现导入和导出语句。你需要使用像Babel这样的转译器

但是chrome和firefox可以解析这个语句Uncaught SyntaxError: Unexpected token import但是不支持模块加载。

查看 MDN 了解更多详情 Reference Statements import

【讨论】：

ES6 模块已在 Edge developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…获得实验性支持
所有现代浏览器现在都支持JavaScript modules via script tag
"你需要使用像 Babel 这样的编译器" — Babel 不是捆绑器。它可以将一种模块语法翻译成另一种，但它不会将模块组合成一个脚本。由于浏览器确实支持import而不支持require，因此使用Babel是没有用的（除非与捆绑器结合使用）。
此响应现已过期。