Babel入门

来源:互联网 发布:thinkphp电影网站源码 编辑:程序博客网 时间:2024/05/22 02:07

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
原创粉丝点击