利用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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
js 鼠标点击事件及其它捕获
Jun 04 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
Vue精简版风格概述
Jan 30 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
JavaScript数组方法的错误使用例子
Sep 13 Javascript
Vue渲染过程浅析
Mar 14 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 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
咖啡与牛奶
2021/03/03 冲泡冲煮
用PHP生成html分页列表的代码
2007/03/18 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
Yii中表单用法实例详解
2016/01/05 PHP
php中的登陆login实例代码
2016/06/20 PHP
PHP图形计数器程序显示网站用户浏览量
2016/07/20 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
js静态方法与实例方法分析
2011/07/04 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
jquery简单的拖动效果实现原理及示例
2013/07/26 Javascript
IE中getElementsByName()对有些元素无效的解决方案
2014/09/28 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
jQuery弹出层插件popShow用法示例
2017/01/23 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
react-router4按需加载(踩坑填坑)
2019/01/06 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
Python 12306抢火车票脚本
2018/02/07 Python
教你使用python画一朵花送女朋友
2018/03/29 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
python的常见矩阵运算(小结)
2019/08/07 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
Python使用pycharm导入pymysql教程
2020/09/16 Python
澳大利亚网上书店:QBD
2021/01/09 全球购物
商务日语专业的自荐信
2014/05/23 职场文书
加油口号大全
2014/06/13 职场文书
大学生团日活动总结
2015/05/06 职场文书
MySQL COUNT函数的使用与优化
2021/05/10 MySQL