gulp学习

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']);
})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 参照Gulp for Beginners来学习Gulp基本内容。以下为学习记录笔记。 安装Gulp 首先需要安装N...
    JenniferYe阅读 2,577评论 1 17
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 3,196评论 7 55
  • P1 简介 gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 javascript/coffee/s...
    淡就加点盐阅读 740评论 1 7
  • 一、Grunt Gulp区别 参考Grunt 新手一日入门gulp VS gruntGrunt 就是小明想的这样一...
    合肥黑阅读 1,378评论 0 0
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 2,407评论 1 11