babel的使用

---

我们用es6的语法写js文件时，使用node.js并不能直接运行js文件，这时候就需要用babel将es6转换为es5，使用node xx.js命令才可以运行js文件

• 建立一个module1文件夹，里面创建01.js和02.js，里面存放es6的语法

  01.js。export表示该方法可以被其他js调用。

  export function getList(){

  console.log(“getLitst…”)

  }

  export function save(){

  console.log(“save…”)

  }

  02.js。使用import将01.js引入进来，然后进行调用

  import {getList,save} from ‘./01.js’

  getList()

  save()

• 如果用node 02.js命令是无法运行的，需要使用babel来将es6转换为es5

• 创建module1的同级文件夹module2

• 创建module1的同级文件，名字为.barbelrc，注意是文件，不是文件夹！并填入以下内容

  {

  “presets”: [“es2015”],

  “plugins”: []

  }

• 使用命令npm install --save-dev babel-preset-es2015进行安装

• 使用命令babel module1 -d module2将module1中的js转换到module2中。-d代表文件夹，-o代表单个文件

• 回到module2，查看目录，发现多了01.js和02.js，里面的语法为es5语法

• 测试一下，使用命令node 02.js，发现方法已经调用成功了