码迷,mamicode.com
首页 > 其他好文 > 详细

Gulp 从0开始

时间:2015-04-09 21:21:42      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

http://www.w3ctech.com/topic/134  (该文章有很多错误)
 
 
 
先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 }));
});

 

 

Gulp 从0开始

标签:

原文地址:http://www.cnblogs.com/cart55free99/p/4411671.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!