Gulp 从0开始

http://www.w3ctech.com/topic/134  (该文章有很多错误)

http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B/

先node init 生成package文件

npm install -g gulp  安装gulp命令行工具

$ npm install gulp --save-dev 在项目中安装gulp

Gulp配置文件名必须是 gulpfile.js 使用的是gulp ‘taskname‘命令  (不是node啦!)

第一个Gulp

先试试最常用的jshint  https://www.npmjs.com/package/gulp-jshint  (官方文档很详细)

基本照着官方文档来的  但是官方文档还是有点问题....

var gulp = require(‘gulp‘),
    jshint = require(‘gulp-jshint‘);
    uglify = require(‘gulp-uglify‘);
var map = require(‘map-stream‘);

gulp.task(‘minify‘, function () {
   gulp.src(‘./qualityData.js‘)
      .pipe(uglify())
      .pipe(gulp.dest(‘build‘))
});

var myReporter = map(function (file, cb) {
  if (!file.jshint.success) {
    console.log(‘JSHINT fail in ‘+file.path);
    file.jshint.results.forEach(function (err) {
      if (err) {
        // console.log(err);
        console.log(‘ ‘+file.path + ‘: line ‘ + err.error.line + ‘, col ‘ + err.error.character + ‘, code ‘ + err.error.code + ‘, ‘ + err.error.reason);
      }
    });
  }
  cb(null, file);
});

gulp.task(‘lint‘, function() {
  return gulp.src(‘./qualityData.js‘)
    .pipe(jshint())
    // .pipe(myReporter);
    .pipe(jshint.reporter(‘default‘, { verbose: true }));
});