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
直接讲转换后的结果打印到控制台