「开发工具,开发模式」【gulp】gulp-rev无法生存rev-manifest文件

使用gulp-rev时无法生成rev-manifest文件:

目录如下: enter image description here

gulpfile.js如下:

var gulp = require('gulp');
var less = require('gulp-less');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;
var notify = require('gulp-notify');
var concat = require('gulp-concat');
var cleancss = require('gulp-clean-css');
var rev = require('gulp-rev');

// 静态服务器
gulp.task('less', function() {
    gulp.src('./src/css/*.less')
        .pipe(less())
        .pipe(gulp.dest('./src/css'))
        .pipe(reload({stream: true}))
        //.pipe(notify('编译 finish less to css [<%= file.relative %>]'))
});

gulp.task('concat',function(){
    gulp.src(['./src/css/main.css','src/css/header.css'])
        .pipe(concat('index.css'))
        .pipe(cleancss())
        .pipe(rev())
        .pipe(gulp.dest('./build/css'))

        .pipe(rev.manifest())
        .pipe(gulp.dest('./src/rev'));


        //.pipe(notify('concat succeed'))
})

gulp.task('images',function(){
    gulp.src('./src/images/*.*')
        .pipe(gulp.dest('./build/images'))
})

gulp.task('default',['images','less','concat'],function(){
    browserSync.init({
        server:{
            baseDir:"./"
        }
    })
    gulp.watch("src/css/*.less",['less','concat']);
})

运行后显示如下: enter image description here 运行后rev文件夹内并没有生成新的rev-manifest文件,但是也没有报错,求解答问题在哪里?

2个月前
回答

已自己找出原因:

gulp.task('concat',function(){
    gulp.src(['./src/css/main.css','src/css/header.css'])
        .pipe(concat('index.css'))
        .pipe(cleancss())
        .pipe(rev())
        .pipe(gulp.dest('./build/css'))

        .pipe(rev.manifest())
        .pipe(gulp.dest('./src/rev'));


        //.pipe(notify('concat succeed'))
})

此部分中,gulp.dest(’./src/rev’),保存目录设置为了src文件夹下的rev,所以自行在src文件夹下生成了rev文件夹,并在其中生成了rev.manifest文件。

2个月前评论 0分享
我来回答
无用回答
问题标签
问题修改记录
暂无修改记录
广告位 点击查看投放指南

我的收藏