[ ES6 ] 三. 使用 ES6 来写gulp任务

在gulp 3.9 版本中，我可以使用ES6(现在叫ES2015)来编写我们的gulpfile文件。

首先，确保你的gulp 和 CLI 版本是最新的3.9 ：

gulp -v

应该输出：

CLI version 3.9.0Local version 3.9.0

如果你的版本是低于3.9的，我们使用下列命令更新至最新版本：

npm install gulp && npm install gulp -g

接下来就是将gulpfile.js 重命名为gulpfile.babel.js

现在就可以用ES6来写我们的gulpfile文件了：

import gulp from 'gulp';import sass from 'gulp-sass';import autoprefixer from 'gulp-autoprefixer';import sourcemaps from 'gulp-sourcemaps';const dirs = {  src: 'src',  dest: 'build'};const sassPaths = {  src: `${dirs.src}/app.scss`,  dest: `${dirs.dest}/styles/`};gulp.task('styles', () => {  return gulp.src(paths.src)    .pipe(sourcemaps.init())    .pipe(sass.sync().on('error', plugins.sass.logError))    .pipe(autoprefixer())    .pipe(sourcemaps.write('.'))    .pipe(gulp.dest(paths.dest));});

这里我们利用了ES6的模块系统，箭头函数，字符串模板和常量定义。更多ES6新特性请参考： http://es6-features.org/

来自： https://markgoodyear.com/2015/06/using-es6-with-gulp/