利用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 DOM模型操作
Dec 28 Javascript
基于jquery的Repeater实现代码
Jul 17 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
javascript表单验证大全
Aug 12 Javascript
webpack+vue.js实现组件化详解
Oct 12 Javascript
Three.js中网格对象MESH的属性与方法详解
Sep 27 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
Angular4 组件通讯方法大全(推荐)
Jul 12 Javascript
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 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
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
jquery获取html元素的绝对位置和相对位置的方法
2014/06/20 Javascript
sails框架的学习指南
2014/12/22 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
Vue+Typescript中在Vue上挂载axios使用时报错问题
2019/08/07 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
[01:25]2015国际邀请赛最佳短片奖——斧王《拆塔英雄:天赋异禀》
2015/09/22 DOTA
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
python实现手机通讯录搜索功能
2018/02/22 Python
python3 线性回归验证方法
2019/07/09 Python
python scrapy重复执行实现代码详解
2019/12/28 Python
python开根号实例讲解
2020/08/30 Python
应届行政管理专业个人自我评价
2013/12/28 职场文书
班级入场式解说词
2014/02/01 职场文书
销售活动策划方案
2014/08/26 职场文书
2015年酒店工作总结范文
2015/04/07 职场文书
确保工程质量承诺书
2015/04/29 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
个人向公司借款协议书
2016/03/19 职场文书
Mysql数据库手动及定时备份步骤
2021/11/07 MySQL
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python
HTML中link标签属性的具体用法
2023/05/07 HTML / CSS