利用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 相关文章推荐
js获取height和width的方法说明
Jan 06 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
前端性能优化及技巧
May 06 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 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
多数据表共用一个页的新闻发布
2006/10/09 PHP
PHP操作文件方法问答
2007/03/16 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
Joomla开启SEF的方法
2016/05/04 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
2010/04/25 Javascript
图片轮换效果实现代码(点击按钮停止执行)
2013/04/12 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
js表头排序实现方法
2015/01/16 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
微信小程序 wx:key详细介绍
2016/10/28 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
2018/06/06 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
JavaScript实现串行请求的示例代码
2020/09/14 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
Python中的一些陷阱与技巧小结
2015/07/10 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
python剪切视频与合并视频的实现
2020/03/03 Python
python实现简单学生信息管理系统
2020/04/09 Python
党员思想汇报范文
2013/12/30 职场文书
11月升旗仪式讲话稿
2014/02/15 职场文书
中介业务员岗位职责
2014/04/09 职场文书
一年级评语大全
2014/04/23 职场文书
爱与责任演讲稿
2014/05/20 职场文书
新法人代表任命书
2014/06/06 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android