Gulp API主要包括4个顶级函数。如下
-
gulp.task(name, deps, fn)定义任务 -
gulp.src(globs, [opt])指向我们想要操作的源文件 -
gulp.dest指向输出文件 -
gulp.watch用于监视文件的变化
var gulp = require('gulp'),
jshint = require('gulp-jshint'),
less = require('gulp-less');
// use 'default' so `gulp` to run task
gulp.task('default', ['watch']);
// Error: Cannot find module 'jshint/src/cli'
// at Function.Module._resolveFilename (module.js:336:15)
// at Function.Module._load (module.js:278:25)
// at Module.require (module.js:365:17)
// need to install jshint as well
// use `gulp jshint` to run task
gulp.task('jshint', function() {
return gulp.src('source/javascript/**/*.js')
.pipe(jshint())
.pipe(jshint.reporter('jshint-stylish'))
.pipe(gulp.dest('build'));
})
gulp.task('less', function() {
return gulp.src('source/less/*.less')
.pipe(less())
.pipe(gulp.dest('source/css'))
})
// need to write task before watch task
gulp.task('watch', function() {
gulp.watch('source/javascript/**/*.js', ['jshint']);
gulp.watch('source/less/**/*.less', ['less']);
})
