gulp使用

例：

var gulp = require('gulp');
var uglify = require('gulp-uglify');

gulp.task('greet', function() {
  gulp.src('js/common.js')
  .pipe(uglify())
  .pipe(gulp.dest('build'))
});

 

 

1.例如上面：  單個

gulp-uglify：壓縮js


 

新建一個 greet 名稱的任務

這個任務 執行的 內容是後面的function(){}

 

gulp.src('js/common.js')  //要壓縮的js 路徑


 .pipe(uglify())  //使用的gulp 插件的實例

 .pipe(gulp.dest('build')) //要放的文件夾

 

執行這個任務  在當前的目錄  gulp greet

 

2.多個    //針對 js   文件處理  

gulp.task('js', function () {

    return gulp.src('js/*.js')     //某個目錄全部後綴名爲js的文件。

       .pipe(jshint())                 //代碼驗證

       .pipe(uglify())                 //代碼壓縮

       .pipe(concat('app.js'))   //代碼合併 於app.js 裏面

       .pipe(gulp.dest('build'));       //最終存於build 裏面

});

 

3.src方法的參數還能夠是一個數組

  js/app.js：指定確切的文件名。

  js/*.js：某個目錄全部後綴名爲js的文件。

  js/**/*.js：某個目錄及其全部子目錄中後綴名爲js

  !js/app.js：除了js/app.js之外的全部文件

 

  gulp.src(['js/**/*.js', '!js/**/*.min.js'])

 

4.watch方法     //監聽

gulp.task('watch', function () {

   gulp.watch('templates/*.html', ['build']);

});

watch方法用於指定須要監視的文件。一旦這些文件發生變更，就運行指定任務。

 

5.使用gulp-load-plugins模塊  

使用gulp-load-plugins模塊，能夠加載package.json文件中全部的gulp模塊。

var gulp = require('gulp'),

    gulpLoadPlugins = require('gulp-load-plugins'),

    plugins = gulpLoadPlugins();

 

引用 的話： 上面的 plugins 實例

plugins.uglify()    plugins.concat('app.js')   //相似的