码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-09-04 07:10:22      阅读:251      评论: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)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!