利用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中的类继承
Nov 25 Javascript
JavaScript中几种常见排序算法小结
Feb 22 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
JavaScript编码风格指南(中文版)
Aug 26 Javascript
深入理解React中es6创建组件this的方法
Aug 29 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
Nov 20 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
php数组函数array_push()、array_pop()及array_shift()简单用法示例
2020/01/26 PHP
javascript 对象的定义方法
2007/01/10 Javascript
在新窗口打开超链接的方法小结
2013/04/14 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
2015/09/14 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
javascript基础知识
2016/06/07 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
python队列queue模块详解
2018/04/27 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
python程序 创建多线程过程详解
2019/09/23 Python
浅析Django 接收所有文件,前端展示文件(包括视频,文件,图片)ajax请求
2020/03/09 Python
多个版本的python共存时使用pip的正确做法
2020/10/26 Python
Kivari官网:在线购买波西米亚服装
2018/10/29 全球购物
实现向右循环移位
2014/07/31 面试题
如何安装ruby on rails
2014/02/09 面试题
自考毕业生自我鉴定
2013/11/04 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers
JS高级程序设计之class继承重点详解
2022/07/07 Javascript