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

发布于 2022-09-04 11:48:40 字数 1887 浏览 16 评论 0

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就不会替换,但是实际上文件是有的!
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

鸢与 2022-09-11 11:48:40

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

[旋木] 2022-09-11 11:48:40

问题解决了吗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文