ES6代码转ES5代码

在开发中我们可能会遇到需要将代码进行将版本的处理，这时就需要进行转码的操作，我们将用babel实现ES6代码转成ES5代码。

1.首先我们要先初始化项目

npm init，也可以使用npm init -y,如果使用后者是为了快速初始化项目，因为这里的y指的是yes/no里的y，默认将提问是否需要继续执行下去的环节去掉而直接执行。可以看到初始化项目之后会生成一个package.json的文件

2.安装转码工具

cnpm install -g babel-cli   全局安装

cnpm install --save -dev babel-cli babel-preset-latest 

3.安装转换规则

cnpm install -g babel-preset-latest

4.指定转换规则

在文件夹中新建一个.babelrc文件，{
    "presets":["latest"]
}，如下图

 代表我们需要的是最新的转换规则

5..下面我们通过示例将ES6转换为ES5后输入到另一个文件中

初始化项目文件夹之后，我会发现该文件夹下面会有一个src文件夹，在src文件夹目录下新建一个hello.js文件，如下图

 然后我们在项目文件夹下新建一个dist文件夹用来存放转换之后的文件

在src文件夹目录下的hello.js文件写入如下箭头函数代码：

let a = 1
    // 箭头函数 (形式参数) {函数体}
let test = () => {
        console.log('箭头函数');
    }

 然后在集成终端中打开项目文件夹，输入命令：babel 1-hello.js

回车后看到如下图，表示我们已经将ES6代码转为ES5代码了（声明变量由let变为const）

 再在集成终端中输入命令：babel 1-hello.js --out-file 2-a.js

可以看到src目录下生成2-a.js文件，这是转为ES5代码之后的文件

 

 最后我们输入命令：babel src --out-dir dist

这样就把当前js文件都输出到dist文件夹目录下了