利用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 相关文章推荐
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
精通Javascript系列之Javascript基础篇
Jun 07 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
React Router基础使用
Jan 17 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
Jan 25 Javascript
vue一个页面实现音乐播放器的示例
Feb 06 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
thinkPHP利用ajax异步上传图片并显示、删除的示例
2018/09/26 PHP
JQuery的html(data)方法与<script>脚本块的解决方法
2010/03/09 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
js遍历json的key和value的实例
2017/01/22 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
使用angularjs.foreach时return的问题解决
2018/09/30 Javascript
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
pytorch 使用加载训练好的模型做inference
2020/02/20 Python
pyqt5中动画的使用详解
2020/04/01 Python
基于python实现操作git过程代码解析
2020/07/27 Python
CSS3实现点击放大的动画实例代码
2017/02/27 HTML / CSS
关于青春的演讲稿
2014/05/05 职场文书
大学生简历求职信
2014/06/24 职场文书
纪念一二九运动演讲稿
2014/09/16 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
网络营销计划书
2015/01/17 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python
浅谈Python中的正则表达式
2021/06/28 Python
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
python全面解析接口返回数据
2022/02/12 Python