babel转换es6_ideamaven依赖配置

babel转换es6_ideamaven依赖配置用Babel-cli将ES6转ES5一、为什么要转ES5   虽然ES6非常好用,但并不是所有浏览器所有客户端都适应ES6的,降成ES5是为了更强的使用性。二、安装转换工具babel-cli1.第一步初始化文件夹(如果已经有package.json文件说明已经初始化过了,可以跳过)右键在文件夹在终端中打开,输入命令npminit-y或者cnpminit-y2.在终端继续输入命令cnpminstall–globalbabel-cli安装ba

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

用Babel-cli将ES6转ES5

一、为什么要转ES5

      虽然ES6非常好用,但并不是所有浏览器所有客户端都适应ES6的,降成ES5是为了更强的使用性。我一直不关注这个东西,直到有人和我说,你做的东西很好,但是对不起,我82年的浏览器显示不出来

二、安装转换工具 babel-cli

1.第一步初始化文件夹(如果已经有package.json文件说明已经初始化过了,可以跳过)
右键在文件夹在终端中打开,输入命令npm init -y或者cnpm init -y
在这里插入图片描述
2.在终端继续输入命令cnpm install --global babel-cli安装 babel-cli
在这里插入图片描述

3.在终端继续输入命令cnpm install --save-dev babel-preset-latest --save-dev安装预设(转码标准)
在这里插入图片描述

4.在文件夹下创建.babelrc配置文件,并在里面写上以下内容

{ 
   
    "presets":"latest"
}

在这里插入图片描述

三、开始转换

1.单文件转换
假如我要将名为ES6.js的es6文件转化成名为ES5.js的ES5文件,在终端输入以下命令

babel .\01-ES6.js --out-file 01-es5.js               

你会发现文件夹目录下新增了一个文件
在这里插入图片描述

里面的内容已经变成ES5能使用的语法了
在这里插入图片描述
let变成了var
const变成了var
箭头函数也变成了普通函数

2.批量转换:

src文件夹里的全部文件转换后,新建一个dist文件夹存储转换后的文件
操作
输入命令 babel src --out-dir dist
简写 babel src -d dist

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/192892.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • windows10 记事本进程 键盘消息钩子 dll注入

    windows10 记事本进程 键盘消息钩子 dll注入看了很多文档,垮了很多坎,终于完成了这个demo;有很多个人理解,可能不完全正确,见谅;先上实现的图片:如图,我通过SetWindowsHookEx()函数向记事本进程中当前窗口线程注入了自己写的dll,dll中设置的回调函数使,当键盘按了1,那么就会触发一个MessageBox。工具:VS2015,PCHunter(用于查看是否成功注入了dll,其实看能否实现功能就信…

  • Python静态代码检查工具Flake8

    Python静态代码检查工具Flake8flake8

  • xml转为excel_excel表格怎么转换xml格式

    xml转为excel_excel表格怎么转换xml格式旧版的excel文件OfficeXML是xml类型的,也成为SpreadsheetML类型,很古老的excel类型了是2002年左右的格式,现在的格式都是用的xls或者xlsx。遇到的问题就是要把xml类型的OfficeXML转化为xlsx的excel,所以写了本篇文章方便以后遇到这个问题的人。(注意,本文的代码只支持横向的单元格合并,纵向合并的单元格因为会受到横向合并的单元格而对不齐)二、解析类SAXHandler类XmlConvertExcel类XmlRow类三、测试

  • 已知前序遍历和中序遍历求二叉树[通俗易懂]

    已知前序遍历和中序遍历求二叉树[通俗易懂]描述输入某二叉树的前序遍历和中序遍历的结果,请输出后序遍历序列。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6},重建二叉树并返回后序遍历序列输入输入某二叉树的前序遍历和中序遍历的结果输出输出后序遍历序列输入样例1 12473568…

  • 推荐5款好用的Java软件,初学者必看「建议收藏」

    推荐5款好用的Java软件,初学者必看「建议收藏」“工欲善其事必先利其器”,想要学好Java,除了要有好的学习资源之外,还要有一套适合自己的Java软件,好的软件能极大提高你的学习和工作效率。那么,学Java用什么软件好呢?下面小千为大家推荐5款好用的Java软件。

  • python3 gil锁_python锁有哪几种

    python3 gil锁_python锁有哪几种前言python的使用者都知道Cpython解释器有一个弊端,真正执行时同一时间只会有一个线程执行,这是由于设计者当初设计的一个缺陷,里面有个叫GIL锁的,但他到底是什么?我们只知道因为他导致pyt

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号