1、初始化项目

    npm init -y

    2、创建文件
    npmdemo/es6/example.js
    image.png
    下面是一段ES6代码：

    // 转码前
    // 定义数据
    let input = [1, 2, 3]

    // 将数组的每个元素 +1
    input = input.map(item => item + 1)
    console.log(input)

    2、配置**.babelrc**
    Babel的配置文件是.babelrc，存放在项目的根目录下，该文件用来设置转码规则和插件，基本格式如下：
    image.png

    1. {
    2.     "presets": [],
    3.     "plugins": []
    4.    }

    3、presets字段设定转码规则，将es2015规则加入 .babelrc：

    {
    “presets”: [“es2015”],
    “plugins”: []
    }

    4、安装转码器

    • 在项目中安装

    image.png

    npm install —save-dev babel-preset-es2015

    4、转码

    # 转码结果写入一个文件
    mkdir dist1
    # —out-file 或 -o 参数指定输出文件
    babel src/example.js —out-file dist1/compiled.js

    # 或者
    babel src/example.js -o dist1/compiled.js

    # 整个目录转码
    mkdir dist2

    # —out-dir 或 -d 参数指定输出目录
    babel src —out-dir dist2

    # 或者
    babel src -d dist2
    • 把 es6/example.js 转为 zhuanhou/compiled.js | E:\1010\npmdemo>babel es6/example.js -o zhuanhou/compiled.js | | —- |

    image.png