什么是Babel?

enable file watcher to transpile ecmascript 6 to ecmascript 5 using babel
PanJiaChen/vue-element-admin Issues#1406

什么是Babel?
Babel是一个JavaScript编译器
Babel是一个工具链,主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript。以下是Babel可以为您做的主要事情:

  • 转换语法
  • 目标环境中缺少Polyfill功能(通过@ babel / polyfill)
  • 源代码转换(codemods)
  • 和更多!(看看这些视频的灵感)

(1)Transpiles ECMAScript 6 code to ECMAScript 5
基于现在的浏览器还不是对ECMAScript6的支持,现在的做法都是把EC6 compile 成EC5再执行。
1.1 基于NPM的babel
  下载babel。
1.2 基于webstorm 的file watcher
  在执行完第一个步骤之后,你可以在npm的全局目录下找到babel.cmd的执行文件
  在webstorm的file watcher里面添加babel

WebStorm中的ECMAScript 6:Transpiling
WebStorm支持  ECMAScript 6  语法。这种支持实际上不仅包括ECMAScript 2015标准,还包括2016,2017和2018标准,甚至还包括一些语言提案,例如  import()。虽然这些功能在现代浏览器和运行时获得越来越多的支持(请参阅Kangax兼容性表),但为了部署ES6代码,您仍然需要将其编译为ES5.1,即所有浏览器都支持的JavaScript版本。

WebStorm ES6 语法支持设置
ECMAScript 6是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。
ES6的目标,是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言。
 

06-01 408
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值