ES6代码转为ES5代码

Babel是一个转码器，能够将ES6代码转为ES5代码，从而在现有环境执行。

• Babel的配置文件是.babelrc，存放在项目的根目录下,用来设置转码规则和插件!

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

能够按照的转码规则

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

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

# ES7不一样阶段语法提案的转码规则（共有4个阶段），选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

 

• 安装babel命令行转码工具babel-cli，用于命令行转码。

$ npm install --global babel-cli

#转码命令
#生成转码后的文件
$ babel test.js -o babel.test.js
#整个目录转码
$ babel src -d lib

#直接运行ES6代码
$ babel-node test.js

• 项目中用babel-node替代node，这样就能够不用转码运行
• 在package.json文件中修改以下

  {
    "scripts": {
      "script-name": "babel-node test.js"
    }
  }