利用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的单例模式 (singleton in Javascript)
Jun 11 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
JS实现的倒计时效果实例(2则实例)
Dec 23 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
深入理解JavaScript中的预解析
Jan 04 Javascript
Bootstrap table 定制提示语的加载过程
Feb 20 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
JS实现音乐导航特效
Jan 06 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利用COM对象访问SQLServer、Access
2006/10/09 PHP
一个可以删除字符串中HTML标记的PHP函数
2006/10/09 PHP
php 生成WML页面方法详解
2009/08/09 PHP
php中sprintf与printf函数用法区别解析
2014/02/17 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
JavaScript confirm选择判断
2008/10/18 Javascript
Jquery实现无刷新DropDownList联动实现代码
2010/03/08 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
Javascript自定义排序 node运行 实例
2013/06/05 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python 的 Socket 编程
2015/03/24 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
Jupyter notebook命令和编辑模式常用快捷键汇总
2020/11/17 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
企业门卫岗位职责
2013/12/12 职场文书
开服装店计划书
2014/08/15 职场文书
优秀团员事迹材料
2014/12/25 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
python使用matplotlib绘制图片时x轴的刻度处理
2021/08/30 Python
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python