使用babel插件集

1).打开配置文件".babelrc",配置插件集，代码如下:

{

"presets":["latest"]

}

2).安装babel插件集,打开命令窗口,输入如下命令:

npm install babel-preset-latest

3).开发者需要注意的是,babel只对ES6的新语法进行转码,不会转换成新的API,比如不支持转码Object.assign函数,如果开发中用到的新的API,可以使用babel-polyfill添加垫片。安装垫片代码如下,

npm install babel-polyfill

4).安装成功之后,在入口脚本文件头部加入垫片,代码如下

import “babel-polyfill”;

5).如果在Node.js环境里运行javascript文件,除了可以使用命令在运行前进行转码外，也可以使用钩子在运行时进行转码,创建server.js 文件,输入如下代码

import "http"

console.log("Hello world");

6).打开命令窗口,输入命令,运行server.js，命令如下:

node server.js

因为Node.js 不支持es6的important语法,会出现报错信息"Unexpected  token  import".

7).打开命令行窗口,安装钩子,命令如下:

npm install babel-register

8).创建hook.js 文件,注册钩子,代码如下:

require("babel-register");

require("./server");

9).运行钩子文件，打开命令行窗口,输入如下命令:

 node  hook.js

 

成功打印信息  "Hello  World"

BABEL官网提供了一个在线转换的页面https://babeljs.io/repl/，可以实时查看es6转码成es5的格式,还可以配置不同的插件以及插件集,对学习es6以及babel非常有帮助。