gulp 在revCss和revHtml之后版本号在html页面中添加上了,但找不到资源了

发布于 2022-09-06 07:52:37 字数 3111 浏览 14 评论 0

目前的问题是,本地也没有生成这个带版本号的文件,仅仅是把版本号加上了,所以找不到,但是如何在本地生成这个最新的文件呢?

rev-manifest.json

{
  "all.min.css": "all-34a0734bb9.min.css"
}

clipboard.png

clipboard.png

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

// 引入组件
var jshint = require('gulp-jshint');//js检查错误
var sass = require('gulp-sass');//编译sass
var concat = require('gulp-concat');//合并文件
var uglify = require('gulp-uglify');//压缩文件
// var rename = require('gulp-rename');//重新命名
var minify = require('gulp-minify-css');//css压缩
var gulpSequence = require('gulp-sequence')//顺序执行task
//var RevAll = require('gulp-rev-all');//添加版本号
var rev = require('gulp-rev');//添加版本号
var runSequence = require('run-sequence');
var revCollector = require('gulp-rev-collector');
var clean = require('gulp-clean');//清除文件
var htmlmin = require('gulp-htmlmin');//压缩html

//配置默认路径
var config = {
    cssUrl:"dev/css/*.css",
    scssUrl:"dev/sass/*.scss",
    jsUrl:"dev/js/*.js",
    imagesUrl:"dev/img/*.{png,jpg,gif}",
    htmlUrl:"dev/*.html"
}

// 检查脚本
gulp.task('lint', function() {
    gulp.src([config.jsUrl,'!dev/js/*.min.js'])
        .pipe(jshint())
        .pipe(jshint.reporter('default'));
});

// 编译Sass
gulp.task('sass', function() {
    gulp.src(config.scssUrl)
        .pipe(sass())
        .pipe(gulp.dest('dev/css'));
});

//复制文件
gulp.task('copy',  function() {
  return gulp.src('dev/**/*')
    .pipe(gulp.dest('./release/'))
});

//压缩css
gulp.task('cssmini', function () {
    gulp.src([config.cssUrl,"!dev/css/*.min.css"])
        .pipe(concat('all.min.css'))
        .pipe(minify())
        .pipe(gulp.dest('dev/css'));
});



// 合并,压缩文件
gulp.task('scripts', function() {
    gulp.src([config.jsUrl,'!dev/js/*.min.js'])
    .pipe(concat('all.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('dev/js'));
});


gulp.task('revCss', function(){   
    return gulp.src('dev/css/*.min.css')        
    .pipe(rev())       
    .pipe(rev.manifest())        
    .pipe(gulp.dest('dev/css'));
});

// gulp.task('revJs', function(){   
//     return gulp.src('dev/js/*.js')        
//     .pipe(rev())        
//     .pipe(rev.manifest())        
//     .pipe(gulp.dest('dev/js'));
// });

gulp.task('revHtml', function () {    
   return gulp.src(['dev/**/*.json', 'dev/*.html'])      
  .pipe(revCollector())        
  .pipe(gulp.dest('dev'));
 });


// 监听
gulp.task('watch', function () {
    //监听dev文件夹下的所有文件,如果有变动,就复制出去到release
    gulp.watch(['./dev/**/*', '!./dev/node_modules/**/*'], ['copy']);
    gulp.watch(config.scssUrl,['sass']);
    gulp.watch(config.jsUrl,['scripts']);
    gulp.watch(config.cssUrl,['cssmini']);
    gulp.watch(config.htmlUrl,['minify']);
});


//按顺序执行task
 gulp.task('develop', gulpSequence('lint','sass','cssmini','revCss','revHtml','scripts','copy','watch'));
//gulp.task('develop', gulpSequence('revCss','revHtml'));

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

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

发布评论

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

评论(2

明月松间行 2022-09-13 07:52:37

已解决!。。。。。。。。。。。。。。

贱贱哒 2022-09-13 07:52:37

我也遇到了,怎么解决的???

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