Babel 自带了一组 ES2015 语法转化器。这些转化器能让你现在就使用最新的 JavaScript 语法,而不用等待浏览器提供支持。
这是Bable官网上说的一句话,Babel 是一个 JavaScript 编译器,语言的进化快于浏览器的兼容性进化,于是程序员们就想到了编译。真的就属于我不能改变世界,但我可以改变自己范畴的。
使用
1)配置文件.babelrc
Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。
这里是官方地址:https://babeljs.io/docs/usage/babelrc/
例如:
.babelrc2)命令行转码babel-cli
Babel提供babel-cli工具,用于命令行转码。官网地址:https://babeljs.io/docs/usage/cli/
Step 1: npm install --save-dev babel-cli
Step 2: 修改 package.json
package.jsonStep 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代码。
网友评论