利用babel将es6语法转es5的简单示例


Posted in Javascript onDecember 01, 2017

前言

Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。

利用babel将es6语法转es5的简单示例

这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持。

本文讲解需预装node和npm。大家可以参考这篇文章:https://3water.com/article/90518.htm,这里介绍的非常详细。

文件目录结构

利用babel将es6语法转es5的简单示例

生成包管理配置文件package.json

npm init -y

安装转换工具

npm i -g babel-cli

npm i --save-dev babel-preset-es2015 babel-cli

在.babelrc文件中写入如下内容

{
 "presets": [
 "es2015"
 ],
 "plugins": []
}

编译文件

babel src/test.js -o dist/test.js

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
jquery ready()的几种实现方法小结
Jun 18 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
Javascript玩转继承(一)
May 08 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
Jan 06 Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
Vue配合iView实现省市二级联动的示例代码
Jul 27 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 Javascript
WEEX环境搭建与入门详解
Oct 16 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 #Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 #Javascript
浅谈angular4实际项目搭建总结
Dec 01 #Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 #Javascript
微信小程序表单验证功能完整实例
Dec 01 #Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 #Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 #jQuery
You might like
在PHP中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
php ajax 静态分页过程形式
2011/09/02 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
yii2.0框架实现上传excel文件后导入到数据库的方法示例
2020/04/13 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
javascript 打印内容方法小结
2009/11/04 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
前端框架Vue.js构建大型应用浅析
2016/09/12 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
vue如何使用async、await实现同步请求
2019/12/09 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
[01:07:15]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第二场 1月25日
2021/03/11 DOTA
python client使用http post 到server端的代码
2013/02/10 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
python的Tqdm模块的使用
2018/01/10 Python
python实现名片管理系统项目
2019/04/26 Python
Python双链表原理与实现方法详解
2020/02/22 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
2015/03/17 HTML / CSS
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
安全责任书范文
2014/03/12 职场文书
岗位工作说明书
2014/07/29 职场文书
2014年销售员工作总结
2014/12/01 职场文书
廉洁自律承诺书2015
2015/01/22 职场文书
蜗居观后感
2015/06/11 职场文书
欢送领导祝酒词
2015/08/12 职场文书