webpack之babel使用

点击进入bablejs官网查看详细使用内容

1.建立bable文件夹，通过cmd 窗口进入到相应目录

cnpm init

完成后，目录中会出package.json文件

2.执行下载babel-cli命令

cnpm i -D babel-cli

新建app.js文件写入es6语法的语句

/**
 * Created by Administrator on 2018/1/25 0025.
 */
()=>{console.log(789)}
class ad{}

 

由于不是全局安装babel-cli，所以运行

babel ./node_modules/.bin/babel src/app.js

报错

3.把命令添加到package.json文件的scripts属性中

{
  "name": "babel",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "babel": "babel src/app.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0"
  }
}

　　运行如下命令

cnpm run babel

　　

 4.思考为什没有把es6语法编译成es5语法呢，这是因为babel是基于plugin(插件的)，下一篇文章会讲解