gulp 幾個用法，打包,壓縮,監聽文件

一、首先，最重要的一點    代碼的文件名必須是 gulpfile.js.

二，寫法

1.合併多個js文件

var gulp = require('gulp'),
    concat = require('gulp-concat');
 
gulp.task('testConcat', function () {
    gulp.src('src/js/*.js')
        .pipe(concat('all.js'))//合併後的文件名
        .pipe(gulp.dest('dist/js'));
});

2.合併多個css

var gulp = require('gulp'),
    cssmin = require('gulp-minify-css');
 
gulp.task('testCssmin', function () {
    gulp.src('src/css/*.css')
        .pipe(cssmin())
        .pipe(gulp.dest('dist/css'));
});

更多可看 http://www.ydcss.com/archives/41

3.壓縮

var gulp = require('gulp'),
    uglify= require('gulp-uglify');
 
gulp.task('jsmin', function () {
    //壓縮src/js目錄下的所有js文件
    //除了test1.js和test2.js（**匹配src/js的0個或多個子文件夾）
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js']) 
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

4.監聽文件變化。

var gulp = require('gulp'); 
gulp.task('watch', function () {
    gulp.watch('./*.js', function (event) {
        console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
        var exec = require('child_process').exec;    
		var child = exec('node app.js', function(err, stdout, stderr) {
		  if (err) throw err;
		  console.log("啓動");    
		});
    });
});

三、啓動方式

命令行執行 gulp +任務名， 如 gulp testConcat。

也可以通過 exec來執行。如上，監聽到文件變化，就重啓app.js