前端-使用babel命令将es6转为es5

经过探索，终于找到最简单直接的方法将原es6写的js文件转为es5，下面为操作过程。

（一）新建一个空文件夹，最好名称不要包含中文和大写字母。(本人使用为transfer)

（二）打开命令窗口，打开新建文件夹transfer目录

cd C:\Users\付超然\Desktop\测试项目\transfer

（三）执行命令(执行此步的前提是你的电脑已经装了nodejs和npm环境，若没装请自行百度安装)

npm init -y

此时文件夹下会生成一个package.json文件

（四）安装babel，在命令窗口执行下列命令（注释勿shu）

#用于babel命令行的转码
$npm install --D babel-cli

# ES2015转码规则
$ npm install --save-dev babel-preset-es2015

# react转码规则
$ npm install --save-dev babel-preset-react

（五）在文件夹transfer下新建.babelrc文件（此为babel的配置文件），文件内填写

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

（六）在transfer文件夹下新建src目录，将所需转码的js文件拷贝至src目录下，在命令行输入命令

npx babel src --out-dir dist

执行完成后可发现transfer/dist目录下转码成功后的js文件

注:

    1.若你的电脑安装了npm的淘宝镜像命令cnpm，则上文中的npm最好用cnpm代替

    2.执行以上操作的前提是你的电脑已经安装了nodejs和npm环境

写在最后：

    若小伙伴们还不理解，可以参考http://blog.csdn.net/qq_31411389/article/details/51958332这个网址