利用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 相关文章推荐
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
12个非常有用的JavaScript技巧
May 17 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
js 事件的传播机制(实例讲解)
Jul 20 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
JSON的parse()方法介绍
Jan 31 Javascript
vscode中Vue别名路径提示的实现
Jul 31 Javascript
在项目vue中使用echarts的操作步骤
Sep 07 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 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输出控制功能在简繁体转换中的应用
2006/10/09 PHP
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
社区(php&&mysql)三
2006/10/09 PHP
PHP个人网站架设连环讲(三)
2006/10/09 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
2007/04/20 Javascript
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
Mootools 1.2教程(21)——类(二)
2009/09/15 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
2015/12/25 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
基于 Vue 的树形选择组件的示例代码
2017/08/18 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
vue微信分享到朋友圈 vue微信发送给好友
2018/11/28 Javascript
Angular实现svg和png图片下载实现
2019/05/05 Javascript
JS实现密码框效果
2020/09/10 Javascript
基于ajax实现上传图片代码示例解析
2020/12/03 Javascript
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
python中的错误处理
2016/04/10 Python
Python跨文件全局变量的实现方法示例
2017/12/10 Python
详解python列表生成式和列表生成式器区别
2019/03/27 Python
python ctypes库2_指定参数类型和返回类型详解
2019/11/19 Python
python 利用turtle库绘制笑脸和哭脸的例子
2019/11/23 Python
使用Django和Postgres进行全文搜索的实例代码
2020/02/13 Python
基于python实现微信好友数据分析(简单)
2020/02/16 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
什么是Remote Module
2016/06/10 面试题
汽车电子与维修专业大学生求职信
2013/09/28 职场文书
委托书样本
2014/04/02 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
手把手教你用SpringBoot将文件打包成zip存放或导出
2021/06/11 Java/Android