2021-05-14

babel是什么
babel是转码器，把es6代码转换成es5代码
为什么要将es6转成es5，因为es6的兼容性比较差，一些版本比较低的浏览器不能翻译es6的代码，所以要将es6转成es5

babel+vsCode
下面用vscode来实践一下babel的用法

1.安装Babel工具，使用命令

npm install --global babel -cli
1
2.创建js文件，编写es6代码

//转码前
//定义数据
let input=[1,2,3]
//将数组的每个元素+1
input=input.map(item=>item+1)
console.log(input)
1
2
3
4
5
6
3.创建babel配置文件

{
    "presets":["es2015"],
    "plugins":[]
}
1
2
3
4
4.创建es2015转码器

npm install --save-dev babel-preset-es2015
1
5.使用命令进行转码
babel es6 -d dist
————————————————
版权声明：本文为CSDN博主「神仙孩子」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_44155199/article/details/108023801