es6 - 导入导出

今天用node纠结了半天，明明是正确的语法，一直报错，原来node和chrome并不支持es6语法....

 

1. npm install

package.json

{
    "name": "ES6",
    "version": "1.0.0",
    "description": "",
    "main": "export.js",
    "dependencies": {
        "babel": "^6.23.0",
        "babel-cli": "^6.26.0",
        "babel-preset-es2015": "^6.24.1"
    },
    "devDependencies": {
        "babel-core": "^6.26.3",
        "babel-register": "^6.26.0"
    },
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
}

 

2.创建index.js

index.js

require('babel-register');
require('./import.js');

 

3.创建import.js 也就相当于 import 导入

import.js

// 1.导入函数和变量
import { calc, name } from './export';

// 2. 可以使用别名 (多个之间可以用逗号隔开)
import { calc as calcs, name } from './export';

console.log(calcs(1, 2), name);

 

4.创建export.js 导出函数、变量、等...

export.js

// 1.name  - 第一种导出方式
export var name = 'bat';

// 2.function - 第二种导出方式
function calc(x, y) {
    return x * y;
}

export { calc };

 

5.创建.babelrc文件

.babelrc

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

    ]
}

 

 

文件目录结构 除了.babelrc必须放在根目录，其它随意

 

 

默认主入口文件是index.js，你可以随意更改主入口文件