gulp + babel 编译 es6

目录结构

gulp + babel 编译 es6 一

一、首先全局安装node获取npm下载包

node.js下载地址http://nodejs.cn/download/,选择系统对应的版本安装

二、全局安装gulp

npm install gulp -g

三、新建一个文件夹

npm init 获取package.json

四、当前目录安装gulp,gulp-babel,babel-preset-es2015,babel-core

命令:

npm install gulp gulp-babel babel-preset-es2015 babel-core --save-dev

五、在当前目录新建.babelrc文件（babel在编译es6时所需的文件）

gulp + babel 编译 es6

六、新建gulpfile.js文件

gulp + babel 编译 es6

七，命令行输入 gulp es6 就可以编译es6目录下的demo.js文件啦。。。

注意。一定要安装babel-core ,也就是命令行npm install babel-core --save-dev

之前没安装，报错啦。。坑啊，慎入！！！！