利用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 05 Javascript
Bootstrap创建可折叠的组件
Feb 23 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
用JS实现图片轮播效果代码(一)
Jun 26 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
微信小程序 MD5加密登录密码详解及实例代码
Jan 12 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
对Layer UI 模块化的用法详解
Sep 26 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/12/05 PHP
yii框架通过控制台命令创建定时任务示例
2014/04/30 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
浅谈Javascript变量作用域问题
2014/12/16 Javascript
在js中做数字字符串补0(js补零)
2017/03/25 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
2017/11/06 Javascript
vue debug 二种方法
2018/09/16 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
[00:32]2018DOTA2亚洲邀请赛Liquid出场
2018/04/03 DOTA
[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20
2020/11/20 DOTA
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Python中字典的基本知识初步介绍
2015/05/21 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
python机器学习库常用汇总
2017/11/15 Python
Selenium python时间控件输入问题解决方案
2020/07/22 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
CSS3实现可翻转的hover效果
2018/05/23 HTML / CSS
CSS3 真的会替代 SCSS 吗
2021/03/09 HTML / CSS
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
实习教师自我鉴定
2013/09/27 职场文书
大学生实习期自我评价范文
2013/10/03 职场文书
自荐信需注意事项
2014/01/25 职场文书
挂科检讨书范文
2014/02/20 职场文书
我的求职择业计划书
2014/04/04 职场文书
武当山导游词
2015/02/03 职场文书
费城故事观后感
2015/06/10 职场文书
python编写五子棋游戏
2021/05/25 Python
Redis keys命令的具体使用
2022/06/05 Redis
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js