zoukankan      html  css  js  c++  java
  • gulp下静态资源的合并、压缩、MD5后缀

        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

  • 相关阅读:
    内存对齐
    两篇很好的EPG相关文章
    探索Linux通用SCSI驱动器
    Eclipse如何打开Android工程
    android应用程序源码结构分析
    传智播客学习之Android运行原理 (转)
    AndroidManifest.xml文件详解
    利用Java泛型实现简单的泛型方法
    二分查找之Java实现
    STM32F10x的启动汇编分析
  • 原文地址:https://www.cnblogs.com/wawahaha/p/4780979.html
Copyright © 2011-2022 走看看