配置babel-cli

局部配置

1.新建一个文件夹package（名字可以随便起）

2、打开cmd命令窗口

3、cd：package的路径

npm init

        

        package name: (package) wyq

        package name: (package) wyq

        

        version: (1.0.0) 1.1.1

        

        description: 这是一个学习简单配置babel的过程

        

    entry point: (index.js) //入口

    !-- 脚本测试 -->

    test command: (脚本测试)

    git repository: https://github.com/YQ-W //github仓库

    keywords: babel

    author: 刚刚

    license: (ISC) MIT（一般都写MIT）

4、需要用jquery，可以安装jquery
npm install --save-dev jquery

5、在cmd窗口输入：
安装babel-cli：
cnpm install --save-dev babel-cli

cnpm install babel-preset-env --save-dev
百度搜索babel进入官网

1541934887620.png

切换版本

1541934899383.png

找到配置命令
1）

1541934907979.png

2）

1541934917395.png

在package文件夹下：
6、在package文件夹下：

1）、 新建一个build文件夹里面存放转译后的js文件

2）、新建一个js文件存放es6语法的js文件

3）、在package.json里输入build: babel js -d build

package.json

4）、
新建文件.babelrc,在里面粘贴 { "presets": ["env"] }
7、cmd进入package文件夹下输入：

npm run build

注：package.json文件：(以后参考版本用)

{
  "name": "s",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel js -d build"
  },
  "keywords": [
    "d"
  ],
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0"
  },
  "dependencies": {
    "jquery": "^3.3.1"
  }
}