利用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 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
javascript动态创建表格及添加数据实例详解
May 13 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
javascript中Date()函数在各浏览器中的显示效果
Jun 18 Javascript
微信小程序实现点击返回顶层的方法
Jul 12 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
如何在 JavaScript 中更好地利用数组
Sep 27 Javascript
深入浅出vue图片路径的实现
Sep 04 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邮件管理器源码
2016/01/06 PHP
js静态方法与实例方法分析
2011/07/04 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
jQuery ajax dataType值为text json探索分享
2013/09/23 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
省市区三级联动下拉框菜单javascript版
2015/08/11 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
如何学习Python time模块
2020/06/03 Python
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
美国沃尔玛网上超市:Walmart
2020/08/14 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
初一科学教学反思
2014/01/27 职场文书
揭牌仪式主持词
2014/03/19 职场文书
春节联欢会主持词
2014/03/24 职场文书
创文明城市标语
2014/06/16 职场文书
宣传普通话标语
2014/06/27 职场文书
食品质量与安全专业毕业生求职信
2014/08/11 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
义诊活动通知
2015/04/24 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
Lombok的详细使用及优缺点总结
2021/07/15 Java/Android
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle