1回答

JoneSun

提问者

2016-10-11

gulpFile.js内容如下：

var gulp = require('gulp');//

var rev = require('gulp-rev');//为每个文件添加版本号

var revReplace = require('gulp-rev-replace');//更新index的引用

var useref = require('gulp-useref');//在index.html中设置注释标志

var filter = require('gulp-filter');//过滤器

var uglify = require('gulp-uglify');//压缩js代码的插件

var csso = require('gulp-csso');//压缩css代码的插件

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

    var jsFilter = filter('**/*.js',{restore:true});

    var cssFilter = filter('**/*.css',{restore:true});

    var indexHtmlFilter = filter(['**/*','!**/index.html'],{restore:true});//！排除首页，不给首页加版本号

    return gulp.src('src/index.html')//对index.html进行处理

        .pipe(useref())//首先从index.html找出注释内容中的css、js文件

        .pipe(jsFilter)//js过滤

        .pipe(uglify)//压缩

        .pipe(jsFilter.restore)//归还

        .pipe(cssFilter)//css过滤

        .pipe(csso)

        .pipe(cssFilter.restore)

        .pipe(indexHtmlFilter)

        .pipe(rev())//添加版本号

        .pipe(indexHtmlFilter.restore)

        .pipe(revReplace)//更新index的引用

        .pipe(gulp.dest('dist'));//文件流结束，把压缩过的文件放在dist文件夹下

});

0

1

慕设计8298559

同学你这问题解决了吗？我和你是一样的错误

2018-02-03

共1条回复