如何使用Babel来编译ECMAJavaScript

告诉读者：使用Babel编译ES6有在线编译和离线编译两种方式，但是在实际开发中在线编译有许多弊端，因此本片博客将只会涉及到离线编译的方法。
1，使用Babel编译ES6的整个过程需要在node的环境下进行，所以我们需要在node官网上直接下载node即可。
2，打开命令行窗口，在创建相关文件的文件夹下使用 npm init -y 命令，之后文件夹中将会出现一个package.json 文件，我们可以在这个文件中添加相关命令，从而简化我们的操作。
3，在命令行窗口中输入命令 npm i @babel/core @babel/cli @babel/preset-env -D 下载Babel文件：@babel/core 文件是核心库，@babel/cli 文件中是我们在命令行窗口中使用Babel的命令，@babel/preset-env文件是预设环境，可以用来设置我们将如何用Babel编译es6.
4，打开我们刚刚创建的package.json文件，在json数组中的scripts元素中添加 “build”:“babel src -d dest”。src是我们需要编译的js文件所在的文件夹，dest是我们将编译好的js文件要放在那的文件夹。
5，在文件夹中还需要创建一个文件为：.babelrc,并且需要在这个文件中输入这个代码：{ “presets”:[ “@babel/preset-env” ] } 这个文件就是可以用来设置Babel是如何编译es6文件的。
6，接下来命令行窗口中输入命令 npm run build 就可以将src中ECMAJavaScript文件编译到dest文件夹中了。
src中的ECMAJavaScript文件如图所示：

经过Babel编译后的dest文件夹中的文件如下图所示：
很显然经过编译后的js代码可以兼容各种版本的浏览器。