gulp 压缩文件2 摘

一下代码用来简单的压缩 .js  和 .css   ;  在cmd里执行 gulp minifycss    minifyjs,各task执行是正常的。

注意,先安装后相应的模块,建议安装到本地。

说明:  输出到文件为  minified/js    minified/css   ;

    这里面就return 的地方为同步;        

在执行的时候代码不能一下执行完,求解。?????????

//在项目的根目录新建gulpfile.js,require需要的module

var gulp = require('gulp'),

    minifycss = require('gulp-minify-css'),

    concat = require('gulp-concat'),

    uglify = require('gulp-uglify'),

    rename = require('gulp-rename'),

    del = require('del');

//压缩css
    //加return后是同步的  后面同是

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

        return gulp.src('src/*.css')      //压缩的文件    

            .pipe(gulp.dest('minified/css'))   //输出文件夹

            .pipe(minifycss());   //执行压缩

    });

//压缩js
    gulp.task('minifyjs', function() {

            return gulp.src('src/*.js')

                .pipe(concat('main.js'))    //合并所有js到main.js

                .pipe(gulp.dest('minified/js'))    //输出main.js到文件夹

                .pipe(rename({suffix: '.min'}))   //rename压缩后的文件名

                .pipe(uglify())    //压缩

                .pipe(gulp.dest('minified/js'));  //输出

    });
    

    //执行压缩前,先删除输出文件夹里的内容  

    gulp.task('clean', function(cb) {

        del(['minified/css', 'minified/js'], cb)

    });

//默认命令,在cmd中输入gulp后,执行的就是这个命令

    gulp.task('default', ['clean'], function() {

        gulp.start('minifycss', 'minifyjs');

    });

原文地址:https://www.cnblogs.com/baota/p/6529174.html