利用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 相关文章推荐
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 Javascript
jquery根据锚点offset值实现动画切换
Sep 11 Javascript
用jquery模仿的a的title属性的例子
Oct 22 Javascript
使用Node.js配合Nginx实现高负载网络
Jun 28 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
Bootstrap面板使用方法
Jan 16 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
Bootstrap多级菜单的实现代码
May 23 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
Sep 01 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
vue改变循环遍历后的数据实例
Nov 07 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中逗号与点号的区别
2013/08/05 PHP
php生成gif动画的方法
2015/11/05 PHP
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
js 函数调用模式小结
2011/12/26 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
Vue插件写、用详解(附demo)
2017/03/20 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
vue-cli webpack 引入swiper的操作方法
2018/09/15 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
js仿360开机效果
2019/12/26 Javascript
vscode调试node.js的实现方法
2020/03/22 Javascript
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
Python3实现连接SQLite数据库的方法
2014/08/23 Python
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
python求crc32值的方法
2014/10/05 Python
举例详解Python中的split()函数的使用方法
2015/04/07 Python
Python3读取文件常用方法实例分析
2015/05/22 Python
Python的标准模块包json详解
2017/03/13 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
python交互模式基础知识点学习
2020/06/18 Python
我们是伦敦女孩:WalG
2018/01/08 全球购物
StubHub新西兰:购买和出售你的门票
2019/04/22 全球购物
Hibernate持久层技术
2013/12/16 面试题
生产车间主管岗位职责
2013/12/28 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
食堂标语大全
2014/06/11 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
个人务虚会发言材料
2014/10/20 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
学校证明范文
2015/06/24 职场文书
分享Python异步爬取知乎热榜
2022/04/12 Python