Babel安装及使用

1.初始化项目，产生package.json

        cnpm init     初始化一个node项目

命令执行之后会生成一个package.json文件，记录这个项目的详细信息以及所用到的依赖

package.json文件

2.全局安装Babel-cli

        检查环境：node -v 查看node环境

                          npm -v  查看npm版本

        安装

        cnpm install --global babel-cli

        简写：cnpm i -g babel-cli

3.安装预设

局部安装开发依赖，并且配置的时latest最新版

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

        简写：cnpm i -D babel-preset-latest

 安装完依赖之后就会在package.json中出现对应的依赖信息

4.添加配置文件配置 .babelrc

在package.json同级下创建 .babelrc文件，同时在此文件中添加

        {"preset":["latest"]}

到此，babel转码配置基本完成，可以进行以下转码操作

        ①对xxx.js进行转码，并将转码结果输出到控制台

                babel xxx.js

        ②。。。并将转码结果输出到新的文件new.js

                babel xxx.js --out-file new.js   

                简写：babel xxx.js -o new.js

转码后两个文件内容的对比

        ③。。。整个目录src进行转码，将结果输出到新的文件夹lib

                babel src --out-dir dist

         但是Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API，比如：ES6 在Array对象上新增了Array.from方法，Babel 就不会转码这个方法。因此我们还需要进行配置babel-polyfill，为当前环境提供一个垫片。

  5.安装垫片  babel-polyfill

        cnpm install --save babel-polyfill

        简写：cnpm i -S babel-polyfill

6.完成之后查看package.json文件

 7.引入垫片后，再次转码，内容对比