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

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

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'));

阅读 2.9k
2 个回答

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

新手上路,请多包涵

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

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