首页 > 其他 > 详细

gulp下静态资源的合并、压缩、MD5后缀

时间:2015-09-04 07:10:10      阅读:379      评论:0      收藏:0      [点我收藏+]
    var gulp = require(gulp);  
    var RevAll = require(gulp-rev-all);  
    var uglify = require(gulp-uglify);  
    var filter = require(gulp-filter);  
    var csso = require(gulp-csso);  
    var useref = require(gulp-useref);  
      
      
    gulp.task(default, function () {  
      
        var jsFilter = filter("**/*.js");  
        var cssFilter = filter("**/*.css");  
        var htmlFilter = filter(**/*.html);  
      
        var assets = useref.assets();  
      
        var revAll = new RevAll({   
      
            //不重命名文件  
            dontRenameFile: [.html] ,  
      
            //无需关联处理文件  
            dontGlobal: [ /^\/favicon.ico$/ ,.bat,.txt],  
      
            //该项配置只影响绝对路径的资源  
            prefix: http://s0.static.server.com   
        });  
      
        return gulp.src([staticPreprocessing/src/**])  
              
            //合并html里面的js/css  
            .pipe(htmlFilter)  
            .pipe(assets)  
            .pipe(assets.restore())  
            .pipe(useref())  
            .pipe(htmlFilter.restore())  
      
            //压缩js  
            .pipe(jsFilter)  
            .pipe(uglify())   
            .pipe(jsFilter.restore())  
      
            //压缩css  
            .pipe(cssFilter)  
            .pipe(csso())  
            .pipe(cssFilter.restore())  
      
            //加MD5后缀  
            .pipe(revAll.revision())  
      
            //输出  
            .pipe(gulp.dest(staticPreprocessing/dist))  
      
            //生成映射json文件  
            .pipe(revAll.manifestFile())  
            .pipe(gulp.dest(staticPreprocessing/dist));  
    });  
      
    gulp.task(watch, function () {  
       gulp.watch(staticPreprocessing/src/**, [default]);  
    });  

 

技术分享

转载:http://mutongwu.iteye.com/blog/2208607

gulp下静态资源的合并、压缩、MD5后缀

原文:http://www.cnblogs.com/wawahaha/p/4780979.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!