babel初学

babel使用

1. 安装babel

     npm install -g babel-cli

2.设定转换规则

npm install --save-dev babel-preset-latest
npm install --save-dev babel-preset-env
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-preset-react

3.编写配置文件(设置转码的规则跟插件).babelrc

    放置到项目的根目录
    {
        "presets":["latest"]
   }

4.修改package.json文件

“scripts”:{ 
 “build”:”babel src –out-dir dist” 
 }

然后使用的时候就是npm run build

5.开始使用babel进行代码的转换

0.ES6代码编写 hello.js

let arr = [“terry”,”larry”]; 
 arr .forEach((item,index)=>{ 
 console.log(index,item); 
 })

1.babel转换
babel hello.js
直接讲转换后的结果打印到控制台