es6-gulp环境配置

Posted on Edited on In

1,建立package.json 安装gulp 和es6-babel

1
2
3
4
5
6
7
npm init
npm install --save-dev gulp
npm install --save-dev gulp-babel
npm install --save-dev babel-preset-es2015
//命令行中建立文本文件 .babelrc
$ echo '{ "presets": ["latest"] }' > .babelrc
gulp

2,gulpfile.js

1
2
3
4
5
6
7
8
var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("default", function () {
  return gulp.src("src/**/*.js")// ES6 源码存放的路径
    .pipe(babel()) 
    .pipe(gulp.dest("dist")); //转换成 ES5 存放的路径
});