Babel

简介

ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法运行

Babel是一个广泛使用的扩展器，可以将ES6代码转换为ES5代码，从而在现有环境执行

这意味着，你可以现在就用ES6编写程序,，而不用担心现有环境是否支持

 

安装

安装命令行转码工具

Babel提供babel-cli工具,用于命令行转码，它的安装命令如下

npm install -g babel-cli

查看是否安装成功

babel --version

 

Babel的使用

1.创建Babel文件夹

2.初始化项目

3.创建文件src/example.js

 

 

4.配置.babelrc

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

 

 5.安装转换器

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

 

 6.执行转换

babel src -d dist

 

得到：

 

 

转换过来了

 

 

 

Babel自定义脚本

改写package.json

 

 执行npm run dev

同样会生成dist文件夹和example.js文件。同样也是转换为es2015