gulp入门——基本功能实现

版权声明：虽然我很善良，但是原创文章还是问问我再转载哦<(￣︶￣)> https://blog.csdn.net/Vivian_jay/article/details/72809103

gulpfile.js

var gulp = require('gulp'),
    // runSequence = require('run-sequence'),
    gulpSequence = require('gulp-sequence'),
    changed = require('gulp-changed'),
    // bump = require('gulp-bump'),
    // gutil = require('gulp-util'),
    // git = require('gulp-git'),
    // fs = require('fs')
    rename = require('gulp-rename'),
    uglify = require('gulp-uglify'),
    minifycss = require('gulp-minify-css'),
    concat = require('gulp-concat'),
    del = require('del'),
    mocha = require('gulp-mocha')

// 执行压缩前，先删除文件夹内容
gulp.task('clean', function () {
    del(['minified/css/*','minified/js/*'])
})

// 合并、压缩js文件
gulp.task('minifyjs', function () {
    // gulp.src(['script/*.js','!script/*.min.js'])
    gulp.src(['script/*.js','script/*.min.js'])
        // .pipe(changed('minified/js/'))
        .pipe(concat('main.js'))
        .pipe(gulp.dest('minified/js/'))
        .pipe(uglify())
        .pipe(rename({ extname: '.min.js' }))
        .pipe(gulp.dest('minified/js/'))
})

// 压缩css文件
gulp.task('minifycss',function () {
    gulp.src('css/*.css')
        // .pipe(changed('minified/css/'))
        .pipe(minifycss())
        .pipe(rename({ extname: '.min.css' }))
        .pipe(gulp.dest('minified/css/'))
})

// Mocha测试，测试文件一定要放在test文件夹下
gulp.task('mocha', function () {
    gulp.src(['test/*.js'], {read:false})
        .pipe(mocha({
            reporter: 'spec',
            globals: {
                should: require('should')
            }
        }))
})

// 使用gulpSequence形成执行顺序栈，方括号中的tasks并发执行
gulp.task('default', gulpSequence('clean', ['minifyjs', 'minifycss']))
// gulp.task('default', ['mocha'])