利用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实现图片轮播效果代码
Sep 03 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
javascript实现时间格式输出FormatDate函数
Jan 13 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
JavaScript 对象深入学习总结(经典)
Sep 29 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
通过AngularJS实现图片上传及缩略图展示示例
Jan 03 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
p5.js实现斐波那契螺旋的示例代码
Mar 22 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
PHP4之COOKIE支持详解
2006/10/09 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
新鲜出炉的js tips提示效果
2011/04/03 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
JavaScript Canvas实现验证码
2020/08/02 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
Python函数返回值实例分析
2015/06/08 Python
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
Python实现的简单dns查询功能示例
2017/05/24 Python
Python如何实现MySQL实例初始化详解
2017/11/06 Python
flask使用session保存登录状态及拦截未登录请求代码
2018/01/19 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
为什么要优先使用同步代码块而不是同步方法?
2013/01/30 面试题
公司市场部岗位职责
2013/12/02 职场文书
美德少年事迹材料
2014/01/23 职场文书
学生逃课检讨书1000字
2014/10/20 职场文书
学雷锋广播稿大全
2015/08/19 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python
TypeScript 内置高级类型编程示例
2022/09/23 Javascript