babel 转码器的简单使用

babel一般用于es6到es5的编码转换

首先安装babel

npm install --global babel-cli

# 查看babel是否成功安装
babel --version

npm初始化一个项目（'-y' 是默认配置）

npm init -y

项目里创建babel的配置文件 .babelrc，并在 presets字段设定转码规则为 es2015

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

安装所需的组件包

npm install --save-dev babel-preset-es2015

 

项目内新建文件夹es6，并创建e6.js

let arr = [1,2,3,4];
arr = arr.map(item => item + 1);
console.log(arr);

 转码到es5文件夹下并重命名为e5.js

babel .\es6\e6.js -o .\es5\e5.js

生成文件如下：

 可见转码已经完成

还可以整个文件夹下文件全部转码（js文件名不变）

babel es6 -d es5