1.安装BABLE

babel是javascript语法转换器。

在本地新建目录es6/

命令行cd 到es6/ 下

1.执行命令 npm init 一路回车，目录下会生成一个package.json的文件

 

2.执行命令 npm install babel-cli babel-preset-es2015 --save-dev

--save 是项目依赖， --save-dev 是开发依赖

 

3.es6/ 下新建文件 .babelrc ，创建完成后打开这个文件，输入一下代码

{
  "presets": [
    "es2015"
  ]
}

保存。

 

4.es6/ 下新建2个目录分别是 src/ 和 dist/ ，并在src/下新建文件main.js

src是开发目录，es6代码都写在src/main.js里

 

5.修改package.json文件，删掉默认的"scripts"配置项，重新改成：

  "scripts": {
    "build": "babel src -d dist"
  },
  "scripts": {
    "build": "babel --presets es2015 src -d dist"
  },

这个配置的目的是：babel会去找src下的js文件，并转换其中的es6代码，并将代码放置到dist/下，自动创建同名称的main.js文件

6. src/main.js 里敲一行代码 let test = "hello world"; 保存。

 

7.命令行里执行代码 npm run build , 如果出现下面信息，说明babel配置成功了

> bebel@1.0.0 build /Applications/MAMP/htdocs/es6
> babel --presets es2015 src -d dist

src/main.js -> dist/main.js