Babel入门

1.为什么要用Babel?

自2015年2月20号ECMAScript第六版(以下简称ES6)就正式推出了,这门语言一直保持稳定快速的发展而且新功能也在慢慢被现在主流的
JavaScript引擎所接受。不过要想在浏览器端或者 Node 端直接运行 ES6 代码还得等上一些日子。 幸好 TC39 (负责研究开发EMCAScript 规范的组织) 做了大量工作让我们现在可以使用 ES6 中的大部分特性了。

  • 和谐模式运行(node –harmony *.js)
  • 通过Babel把ES6转化成ES5(更准确地说是源代码到源代码的编译器)

2.使用前准备

在用 ES6 标准开始一个新项目的时候我们会建立一个目录结构来确保用 ES6 编写的代码能和编译出的 ES5 代码区分开。原始的 ES6 代码我们放在 src 目录下,而编译好的文件就是 dist 目录。

3.安装 Babel

  • 如果你还没安装 Babel 可以使用 npm 来安装
npm install -g babel
  • Babel 一旦安装完成就可以开始编译你的 ES6 代码了。再确认一遍你已经在 src 目录放入了一些 ES6 文件,下面的命令将会把这个目录下所有 .es6, .es 和 .js 后缀的文件编译成符合 ES5 规范的代码到 dist 目录下:
babel -d dist/ src/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值