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')   //类似的