gulp-rev-collector处理相对目录好像有问题?

1、打算用gulp-rev和gulp-rev-collector给静态资源添加hash,但是mobile/pages目录下的资源不会被替换,这是怎么回事?

//引入gulp和gulp插件
var gulp = require('gulp'),
    runSequence = require('run-sequence'),
    rev = require('gulp-rev'),
    revCollector = require('gulp-rev-collector');
var clean = require('gulp-clean');
var path = require('path');
var revReplace = require("gulp-rev-replace");

//定义css、js源文件路径
var cssSrc = ['**/*.css', '!node_modules/**'],
    jsSrc = ['**/*.js', '!node_modules/**', '!gulpfile.js'];


//CSS生成文件hash编码并生成 rev-manifest.json文件名对照映射
gulp.task('revCss', function(){
    return gulp.src(cssSrc)
        .pipe(rev())
        .pipe(gulp.dest('dist'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('rev/css'));
});


//js生成文件hash编码并生成 rev-manifest.json文件名对照映射
gulp.task('revJs', function(){
    return gulp.src(jsSrc, {
        base: process.cwd()
    })
        .pipe(rev())
        .pipe(gulp.dest('dist'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('rev/js'));
});


//Html替换css、js文件版本
gulp.task('revHtml', function () {
    return gulp.src(['rev/**/*.json', '**/*.html', '!node_modules/**'])
        .pipe(revCollector({
            replaceReved: true
        }))
        .pipe(gulp.dest('dist'));
});

gulp.task('clean', function () {
    return gulp.src('./dist', {read: false})
        .pipe(clean());
});


//开发构建
gulp.task('dev', ['clean'], function (done) {
    condition = false;
    runSequence(
        ['revCss'],
        ['revJs'],
        ['revHtml'],
        done);
});


gulp.task('default', ['dev']);

2、目录结构如下:
图片描述

3、如果静态资源在mobile目录下的,gulp-rev-collector就不会替换,但是实际上文件是有的!
图片描述

阅读 4.4k
2 个回答
新手上路,请多包涵

插个眼,目前还是有这个问题,楼主有更好的方法嘛

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进