(1)Transpiles ECMAScript 6 code to ECMAScript 5

1 基于现在的浏览器还不是对ECMAScript6的支持,现在的做法都是把EC6 compile 成EC5再执行,所以

怎么搞呢?

`1.1 基于NPM的babel

    下载babel。

    

  进入项目去执行转换

    

  

$ babel script.js --out-file script-compiled.js

$ babel script.js --watch --out-file script-compiled.js

  

    详情可查询官网 http://babeljs.io

  1.2 基于webstorm 的file watcher

  在执行完第一个步骤之后,你可以在npm的全局目录下找到babel.cmd的执行文件

  在webstorm的file watcher里面添加babel(如果没有请自行升级到10.0+版本)

  然后添加配置

新建js文件,写一些ec6的语法就会自动执行转换

编译后的文件

大概就这样,具体的输出还没有测试,等待准备开始愉快的ECMAScript6的探索之旅

posted @ 2015-04-20 23:42  菠萝君  阅读(4697)  评论(0编辑  收藏  举报