一、简介

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。
这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。

二、安装

安装命令行转码工具
Babel提供babel-cli工具，用于命令行转码。它的安装命令如下：
npm install --global babel-cli

#查看是否安装成功
babel --version

三、Babel的使用

1、初始化项目

npm init -y

2、创建文件

src/example.js

下面是一段ES6代码：

// 转码前
// 定义数据
let input = [1, 2, 3]
// 将数组的每个元素 +1
input = input.map(item => item + 1)
console.log(input)

2、配置.babelrc
Babel的配置文件是.babelrc，存放在项目的根目录下，该文件用来设置转码规则和插件，基本格式如下。

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

presets字段设定转码规则，将es2015规则加入 .babelrc：

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

3、安装转码器

在项目中安装
npm install --save-dev babel-preset-es2015

4、转码

转码(转文件)结果写入一个文件

mkdir dist1

–out-file 或 -o 参数指定输出文件

babel src/example.js --out-file dist1/compiled.js

或者

babel src/example.js -o dist1/compiled.js

整个目录(文件夹)转码

mkdir dist2

–out-dir 或 -d 参数指定输出目录

babel src --out-dir dist2

或者

babel src -d dist2

Babel(es6与se5 之间相互转换)相关推荐

c语言xml序列化,C# XML和实体类之间相互转换(序列化和反序列化)
我们需要在XML与实体类,DataTable,List之间进行转换,下面是XmlUtil类,该类来自网络并稍加修改. using System; using System.Collections.Ge ...
SAP MM 销售订单库存与普通库存之间相互转换过账后对于EBEWH以及MBEWH表的更新
SAP MM 销售订单库存与普通库存之间相互转换过账后对于EBEWH以及MBEWH表的更新 1,DEMO数据物料号:1300009995 工厂:2160 销售订单号/item号:0010097627 ...
list,numpy,tensor之间相互转换的方法
list,numpy,tensor之间相互转换的方法: a=[[1,2],[3,4]]#list print(a) b=np.array(a)#list->numpy print(b) c=to ...
SAP MM 销售订单库存与普通库存之间相互转换过账后对于EBEWH以及MBEWH表的更新...
SAP MM 销售订单库存与普通库存之间相互转换过账后对于EBEWH以及MBEWH表的更新 1,DEMO数据物料号:1300009995 工厂:2160 销售订单号/item号:0010097627 ...
使用C++实现YUV格式图像与RGB格式图像之间相互转换
使用C++实现YUV格式图像与RGB格式图像之间相互转换一.RGB与YUV转换公式 1.RGB转YUV 1)RGB转换亮度与色差信号公试: 2)归一化为YUV的转化公试为: 2.YUV转RGB 二. ...
.mat,.txt,.csv 数据转换为weka中的arff格式及matlab和Weka之间相互转换格式
在RUSBoost和SMOTEBoost中提供了csv转换为arff格式的方法,详见CSVtoARFF.m http://www.mathworks.com/matlabcentral/fileexc ...
java stringbuffer数组_Java中字符数组、String类、StringBuffer三者之间相互转换
一.StringBuffer与String的相互转换 1.将StringBuffer转换成String StringBuffer类成员toString函数可将其转换成String类型. StringB ...
c++ string 数组_PHP数组与字符串之间相互转换的方法
php中可以将数组转换成字符串的形式,也可以将字符串通过某个特定的规律转化成数组.那具体如何做呢?今天这篇文章就来说一说php中数组与字符串之间相互转换的方法. PHP 数组转换成字符串的方法 php ...
c#谷歌 json转对象_利用Google Gson实现JSON字符串和对象之间相互转换
最近一个项目需要用到JSON,需要在JSON字符串和对象之间相互转换,在网上找了些资料,发现google的Gson还是比较不错的. 废话不说,下面是简单的例子: 先上源码:下载(包含jar包) Per ...

Babel(es6与se5 之间相互转换)