es6的 import与export

最近看到es6支持import与export,迫不及待想要试试:

结尾给出简单、具体的方法

文件目录如下:

es6的 import与export_第1张图片
image.png

lib文件如下:

export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

main.js文件如下

import { square, diag } from './test';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

全局安装babel-cli

npm install -g babel-cli

然后输入命令

babel-node main.js

可是始终报如下错误:

es6的 import与export_第2张图片
image.png

用nodejs(版本7.7.4)运行也会同样的错误。

后来发现添加一个文件就好了
文件名称如下:
.babelrc

内容如下:

{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

这时文件目录如下

es6的 import与export_第3张图片
image.png

再次通过

babel-node main.js

运行文件

成功了!!!

image.png

网上搜了好久,竟然没有找到答案,自己写一个帮助后来人吧。

你可能感兴趣的:(es6的 import与export)