脚本宝典收集整理的这篇文章主要介绍了[ ES6 ] 二. 使用 Babel 编译你的ES6代码,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
第一篇文章 [ ES6 ] 一. 准备出击 里已经给出了babel的相关信息:
由于目前各种环境下对ES6的支持程度并不高,在浏览器运行ES6代码是不太现实的,不过我们一样可以用ES6的新特新写代码,只是最后运行之前需要将其编译为 ES5的代码, 所以自然少不了编译工具,这里只介绍一个,也是最好用的一个: Babel .
一. 安装Babel
根据你所使用的工具来进行不同的 babel
安装:
1.使用命令行的方式
首先需要全局安装 babel
$ npm install -g babel
使用:
@H_777_65@ babel script.js
这样编译出来的ES5代码是直接显示在命令行中的,但代码量多时较难阅读:
编译之后:@H_406_83@
所以我需要使用一些参数将编译后的代码保存:
$ babel -d [es5-dir] [es6-dir]
如:
二: 使用gulp
安装gulp-babel:
$ npm install --save-dev gulp-babel
但是单有这个是不行的,请确保你有全局安装或局部安装babel-core:
$ npm install --save-dev babel-core
然后来新建一个gulp任务:、
那么这里的gulpfile是用ES6写的,如何使用ES6写gulpfiel.js 请看:
使用gulp或grunt去实时编译输出ES6代码是很方便的。
更多工具的安装使用方式请参考官网文档:https://babeljs.io/docs/setup/
以上是脚本宝典为你收集整理的[ ES6 ] 二. 使用 Babel 编译你的ES6代码全部内容,希望文章能够帮你解决[ ES6 ] 二. 使用 Babel 编译你的ES6代码所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。