局部配置

1.新建一個文件夾package（名字可以隨便起）

2、打開cmd命令窗口

3、cd：package的路徑

npm init

        <!-- 當(dāng)前配置文件名 -->

        package name: (package) wyq

        package name: (package) wyq

        <!-- 版本號 -->

        version: (1.0.0) 1.1.1

        <!-- 描述 -->

        description: 這是一個學(xué)習(xí)簡單配置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進(jìn)入官網(wǎng)

1541934887620.png

切換版本

1541934899383.png

1541934907979.png

2）

1541934917395.png

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

1）、 新建一個build文件夾里面存放轉(zhuǎn)譯后的js文件

2）、新建一個js文件存放es6語法的js文件

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

package.json

4）、
新建文件.babelrc,在里面粘貼 { "presets": ["env"] }
7、cmd進(jìn)入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"
  }
}