首页 > 其他 > 详细

(1)Transpiles ECMAScript 6 code to ECMAScript 5

时间:2015-04-21 00:06:36      阅读:1452      评论:0      收藏:0      [点我收藏+]

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的探索之旅

(1)Transpiles ECMAScript 6 code to ECMAScript 5

原文:http://www.cnblogs.com/lihaozhou/p/4443071.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!