博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[ ES6 ] 二. 使用 Babel 编译你的ES6代码
阅读量:7194 次
发布时间:2019-06-29

本文共 614 字,大约阅读时间需要 2 分钟。

第一篇文章 [ ES6 ] 一. 准备出击 里已经给出了babel的相关信息:

由于目前各种环境下对ES6的支持程度并不高,在浏览器运行ES6代码是不太现实的,不过我们一样可以用ES6的新特新写代码,只是最后运行之前需要将其编译为 ES5的代码, 所以自然少不了编译工具,这里只介绍一个,也是最好用的一个: Babel .

一. 安装Babel

根据你所使用的工具来进行不同的 babel 安装:

1.使用命令行的方式

首先需要全局安装 babel

$ npm install -g babel

使用:

$ babel script.js

这样编译出来的ES5代码是直接显示在命令行中的,但代码量多时较难阅读:

clipboard.png

编译之后:

clipboard.png

所以我需要使用一些参数将编译后的代码保存:

$ babel -d [es5-dir] [es6-dir]

如:

clipboard.png

 

二: 使用gulp

安装gulp-babel:

$ npm install --save-dev gulp-babel

但是单有这个是不行的,请确保你有全局安装或局部安装babel-core:

$ npm install --save-dev babel-core

然后来新建一个gulp任务:、

clipboard.png

那么这里的gulpfile是用ES6写的,如何使用ES6写gulpfiel.js 请看:

使用gulp或grunt去实时编译输出ES6代码是很方便的。

更多工具的安装使用方式请参考官网文档:

转载地址:http://eyxkm.baihongyu.com/

你可能感兴趣的文章
【计算几何】CDOJ1720 几何几何
查看>>
阿里云挂载数据盘
查看>>
使用selenium模拟浏览器抓取淘宝商品美食信息
查看>>
MongoDB服务无法启动,windows提示发生服务特定错误:100
查看>>
A Simple OpenGL Shader Example
查看>>
资料整理面试
查看>>
理解JavaScript中的事件处理
查看>>
lock: mutex/spinlock/shared lock
查看>>
基于JAVA的身份证实名认证接口调用代码实例
查看>>
Shell命令-文件压缩解压缩之tar、unzip
查看>>
挺有意思的一段VBS代码,让系统阅读/朗读指定文本
查看>>
mysql体系结构
查看>>
CSS实现图片半透明代码
查看>>
hdu 4135 Co-prime (素数打表+容斥原理)
查看>>
manacher算法求最长回文子串
查看>>
(转)IDataGridViewEditingControl 接口 作用
查看>>
ie兼容性问题的一些总结,待添加。后续有图
查看>>
获取客户端IP
查看>>
【论文阅读】StainGAN: Stain Style Transfer for Digital Histological Images
查看>>
细节性的错误
查看>>