关于Babel

Babel 自带了一组 ES2015 语法转化器。这些转化器能让你现在就使用最新的 JavaScript 语法,而不用等待浏览器提供支持。

这是Bable官网上说的一句话,Babel 是一个 JavaScript 编译器,语言的进化快于浏览器的兼容性进化,于是程序员们就想到了编译。真的就属于我不能改变世界,但我可以改变自己范畴的。

使用


1)配置文件.babelrc

Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。

这里是官方地址:https://babeljs.io/docs/usage/babelrc/

例如:

关于Babel_第1张图片
. babelrc

2)命令行转码babel-cli

Babel提供babel-cli工具,用于命令行转码。官网地址:https://babeljs.io/docs/usage/cli/

Step 1:    npm install --save-dev babel-cli

Step 2:  修改 package.json


关于Babel_第2张图片
package.json

Step 3:

Compile the filescript.jsandoutput to stdout. :babel script.js

下面的去官网看吧。。

在package.json里加上"scripts":{"build":"babel src -d lib"}, 这句话 就可以一句话编译代码:

$ npm run build

3)babel-node

babel-cli工具自带一个babel-node命令,提供一个支持ES6的REPL环境。它支持Node的REPL环境的所有功能,而且可以直接运行ES6代码。

你可能感兴趣的:(关于Babel)