利用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得到XML某节点的子节点个数的脚本
Oct 11 Javascript
Javascript 面向对象 命名空间
May 13 Javascript
javascript垃圾收集机制与内存泄漏详细解析
Nov 11 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
Jquery $when done then的用法详解
May 20 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
脚手架vue-cli工程webpack的基本用法详解
Sep 29 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 Javascript
微信小程序实现搜索功能
Mar 10 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
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
2014/08/12 Javascript
jQuery实现的无限级下拉菜单功能示例
2016/09/12 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
js封装成插件_Canvas统计图插件编写实例
2017/09/12 Javascript
webpack3之loader全解析
2017/10/26 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
jquery实现购物车基本功能
2019/10/25 jQuery
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
python统计cpu利用率的方法
2015/06/02 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
对python3中pathlib库的Path类的使用详解
2018/10/14 Python
python实现键盘控制鼠标移动
2020/11/27 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
CSS3动画之流彩文字效果+图片模糊效果+边框伸展效果实现代码合集
2017/08/18 HTML / CSS
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
甜美蛋糕店创业计划书
2014/01/30 职场文书
社会调查研究计划书
2014/05/01 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
公司离职证明标准格式
2014/11/18 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
项目备案申请报告
2015/05/15 职场文书
单位工作证明范本
2015/06/15 职场文书
公司业务员管理制度
2015/08/05 职场文书
新年寄语2016
2015/08/17 职场文书
详解PHP Swoole与TCP三次握手
2021/05/27 PHP
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
Python使用socket去实现TCP客户端和TCP服务端
2022/04/12 Python