实际上babel是在项目中依托于webpack，这里单独提出来供学习对比语法使用
- 非实时转换
- 1.转换为单个文件
- 2.多个文件分别转换
- 实时监控转换
在线转换如下
babeljs
es6console（这个貌似翻才行）
这里讲解本地转换和本地实时准换，供学习ES6和ES5的语法对比使用
1.确保你已经安装好nodejs 2.创建一个项目文件夹，比如babel-js 3.进入到项目，执行 npm init -y 来初始化package.json，我个人使用的VScode，比较方便
4.在终端Terminal执行命令npm i -D @babel/core @babel/cli @babel/preset-env webpack，当然，我会选择使用cnpm安装比较快
5.在项目文件夹babel-js的根目录创建.babelrc，内容如
{
"presets": ["@babel/preset-env"]
}按照上述操作，配置就算完成了，接下来就是写ES6语法转换成ES5的问题了
根目录下创建src目录，新建index.js，写入要转换的语法
// index.js
const PI = 3.14;
const sum = (x, y) => x + y;
const { name, age } = {
name: "lcy",
age: 18
}// index2.js
const PI = 3.1415926;
const sum = (x, y) => x + y;
const { name, age } = {
name: "lcy",
age: 18
}非实时转换
如果不是实时监控语法转换，需要执行一次命令转换一次
1.转换为单个文件
执行如下命令即可npx babel src/index.js -o dist/test.js 这样就会在dist目录下生成一个test.js，里面就是准换成功的ES5语法了。
当然，如果你的src只有一个index.js，执行命令可以省略这个index.jsnpx babel src -o dist/test.js，不过这样做就是把src下面的所有的js文件转换成ES5后合并到test.js中，src目录下文件多了容易眼花缭乱，如下图。还是推荐上面一种，不要省略。
2.多个文件分别转换
转换整个文件夹，并且不要合并到一个js中，执行如下命令：npx babel src -d dist 这样对应src文件目录，有多少个js就单独转换为多少个js，不会合并在一个js
实时监控转换
执行如下命令
npx babel src -w -d dist 效果图如下：
上面内容的仓库地址：ES6本地实时转换ES5语法代码仓库
关注、留言，我们一起学习。
----------------------Talk is cheap, show me the code-----------------------