JavaScript 编译器-Babel

Babel是一个普遍使用的转码器,能够将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你能够如今就用ES六、ES7编写程序,而不用担忧现有环境是否支持。node

1、全局安装babel工具npm

在保证node和npm安装完成前提下在终端输入如下命令:json

$ npm install -g babel-cliwindows

2、配置 .babelrc文件babel

Babel的配置文件是.babelrc,存放在项目的根目录下。工具

 

注意:windows不容许文件.开头,因此建立一个a.txt而后用CMD→$ rename a.txt .babelrc来更名。spa

 

该文件用来设置转码规则和插件,基本格式以下:插件

 

{
  "presets": ["es2015"],//设定转码规则(翻译器)
  "plugins": []
}翻译

3、安装babel-preset-es2015code

虽然已经安装了babel-cli,只是这样还不能成功进行转换,咱们还须要安装转换包才能成功转换。

$ npm install --save-dev babel-preset-es2015

安装完成后,咱们能够看一下咱们项目文件夹的package.json文件,已经多了devDependencies选项。

4、使用

 终端输入以下命令:

$ babel  待转换文件 -o 转换后文件

 

如今你能够尽情使用babel了!

相关文章
相关标签/搜索