ES6转ES5

为了兼容部分不支持ES6语法的浏览器，我们通过babel将ES6代码转化成ES5.

首先我们创建一个大的文件夹，起名为ES6，ES6文件夹下有两个文件夹dist和src，src文件夹下面存放着即将转化的ES6文件，而dist则存放转化后的文件。

接着打开命令行进入ES6文件夹下，输入npm init -y对整个文件进行初始化创建项目， 创建完毕后ES6目录下会多了个package.json文件，这个文件是项目的配置文件。

接着我们输入npm install -g babel-cli和npm install --save-dev babel-preset-es2015 babel-cli来安装babel-preset-es2015 和 babel-cli，安装完毕后package.json文件会多出个配置选项，如下。

 另外我们还要新建.babelrc文件，文件内的代码如下

{
    "presets":[
        "es2015"
    ],
    "plugins":[]
}

至此我们的环境就搭建完毕了，在控制台中输入babel src --out-dir dist即可将ES5代码转化成ES6代码，演示效果如下

如果不想每次都输入这么长的代码的话，可以在package.json文件中的scripts标签内增加以下这条语句

"build":"babel src --out-dir dist"

 之后就能直接通过“npm run build”来将ES6代码转化成ES5代码。