Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

gulp学习,常用的gulp plugins

默认你已经会安装gulp和gulp plugins,并且知道配置文件是怎么回事。

gulp-less(使用less)

var less = require('gulp-less');
var path = require('path');

gulp.task('less', function () {
  gulp.src('./less/**/*.less')
    .pipe(less({
      paths: [ path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(gulp.dest('./public/css'));
});

gulp.task('default', ['less']);

参考gulp-less


gulp-ugfily(压缩js)

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

gulp.task('compress', function() {
  gulp.src('lib/*.js')
    .pipe(minifyJS())
    .pipe(gulp.dest('dist'))
});
gulp.task('default', ['minifiJS']);

参考gulp-ugfily


gulp-minify-css(压缩css)

var minifyCSS = require('gulp-minify-css');

gulp.task('minify-css', function() {
  gulp.src('./static/css/*.css')
    .pipe(minifyCSS({keepBreaks:true}))
    .pipe(gulp.dest('./dist/'))
});
gulp.task('default', ['minifiCSS']);

参考gulp-minify-css


gulp-concat(合并文件)

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

gulp.task('scripts', function() {
  gulp.src('./lib/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'))
});
gulp.task('default', ['concat']);

参考gulp-concat

gulp-jsdoc(JS文档API)

var jsdoc = require("gulp-jsdoc");

gulp.task('jsdoc', function() {
  gulp.src("./src/*.js")
	.pipe(jsdoc('./documentation-output'))
  });
gulp.task('default', ['jsdoc']);

参考gulp-jsdoc