鍍金池/ 問答/網(wǎng)絡安全  HTML/ gulp 在revCss和revHtml之后版本號在html頁面中添加上了,但找

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')//順序執(zhí)行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'));
 });


// 監(jiān)聽
gulp.task('watch', function () {
    //監(jiān)聽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']);
});


//按順序執(zhí)行task
 gulp.task('develop', gulpSequence('lint','sass','cssmini','revCss','revHtml','scripts','copy','watch'));
//gulp.task('develop', gulpSequence('revCss','revHtml'));

回答
編輯回答
吢涼

已解決!。。。。。。。。。。。。。。

2017年7月21日 02:42
編輯回答
醉淸風

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

2018年7月9日 18:10