尝试使用 Chrome 导入 ES6,但它似乎不起作用
Trying ES6 imports with Chrome but it doesn't seem to work
我正在考虑从 Dart 迁移到 ES6,但 Chrome 似乎不支持对我来说至关重要的新导入语句。
我使用了来自该站点的(命名导出)代码:http://www.2ality.com/2014/09/es6-modules-final.html
我什至尝试过
<module import="main"><module>
我收到错误:"Unexpected token import"
他们是否会在最终版本之前支持它的任何信息?
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>ES6</title>
</head>
<body bgcolor="blue">
<script type="module" src="main.js"></script>
</body>
</html>
main.js
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5
lib.js:
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}
它现在可以工作了,最终在 Chrome 60 启用了实验性 Web 平台功能。
这是一个测试:
https://github.com/paulirish/es-modules-todomvc
查看此处了解状态新闻:
https://www.chromestatus.com/features/5365692190687232
Safari 技术评论 19,通过 WebKit,现在支持模块。
我正在考虑从 Dart 迁移到 ES6,但 Chrome 似乎不支持对我来说至关重要的新导入语句。
我使用了来自该站点的(命名导出)代码:http://www.2ality.com/2014/09/es6-modules-final.html
我什至尝试过
<module import="main"><module>
我收到错误:"Unexpected token import"
他们是否会在最终版本之前支持它的任何信息?
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>ES6</title>
</head>
<body bgcolor="blue">
<script type="module" src="main.js"></script>
</body>
</html>
main.js
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5
lib.js:
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}
它现在可以工作了,最终在 Chrome 60 启用了实验性 Web 平台功能。
这是一个测试:
https://github.com/paulirish/es-modules-todomvc
查看此处了解状态新闻:
https://www.chromestatus.com/features/5365692190687232
Safari 技术评论 19,通过 WebKit,现在支持模块。