关于Babel

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

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

使用


1)配置文件.babelrc

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

这里是官方地址:https://babeljs.io/docs/usage/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


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代码。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容