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，你可以随意更改主入口文件