重复添加版本号是怎么导致的?

如题,用的gulp打包,出现了重复添加版本号的图片,请求同样的图片会下载两张这是为什么?

require('babel-polyfill')
var gulp = require('gulp'),
    uglify = require('gulp-uglify'),
    cleanCSS = require('gulp-clean-css'),
    obfuscate = require('gulp-javascript-obfuscator'),
    babel = require('gulp-babel'),
    htmlmin = require('gulp-htmlmin'),
    assetRev = require('gulp-asset-rev'),
    imagemin = require('gulp-imagemin'),
    clean = require('gulp-clean'),
    rename = require('gulp-rename');

// 压缩CSS
gulp.task('csscompress', function () {
    return gulp.src('./css/*.css')
        // .pipe(rename({
        //     suffix: '.min'
        //* }))*/
        .pipe(assetRev())
        .pipe(cleanCSS({
            advanced: false, //类型:Boolean 默认:true [是否开启高级优化(合并选择器等)]
            compatibility: 'ie7', //保留ie7及以下兼容写法 类型:String 默认:''or'*' [启用兼容模式; 'ie7':IE7兼容模式,'ie8':IE8兼容模式,'*':IE9+兼容模式]
            keepBreaks: true, //类型:Boolean 默认:false [是否保留换行]
            keepSpecialComments: '*'
            //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀
        }))
        .pipe(gulp.dest('dist/mincss'));
});

// 压缩html
gulp.task('minifyHtml', function () {
    return gulp.src('./html/*.html')
        .pipe(assetRev())
        .pipe(htmlmin({
            removeComments: true, //清除HTML注释
            collapseWhitespace: true, //压缩HTML
            minifyJS: true, //压缩页面JS
            minifyCSS: true //压缩页面CSS
        }))
        .pipe(gulp.dest('dist/html'));
})

// 压缩js
gulp.task('jscompress', function () {
    return gulp.src('./js/*.js')
        // .pipe(rename({
        //     suffix: '.min'
        // /*}))*/
        .pipe(babel())
        .pipe(babel({
            plugins: ['transform-runtime']
        }))
        .pipe(assetRev())
        .pipe(uglify())
        .pipe(obfuscate())
        .pipe(gulp.dest('dist/minjs'));
});

// 压缩图片
gulp.task('imagesmini', function () {
    return gulp.src('./img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/img'))
})

// 清除dest文件夹生成新的文件
// gulp.task('clean', function () {
//     return gulp.src('./dist', {
//         read: false
//     })
//         .pipe(clean())
// })

gulp.task('auto', function () {
    // 监听源文件修改
    gulp.watch('./js/*.js', gulp.series('jscompress', 'minifyHtml'));
    gulp.watch('./css/*.css', gulp.series('csscompress', 'minifyHtml'));
    gulp.watch('./html/*.html', gulp.series('minifyHtml'));
    gulp.watch('./img/**/*', gulp.series('imagesmini'))
});

gulp.task('default', gulp.series('imagesmini', 'csscompress', 'jscompress', 'minifyHtml', 'auto'));

image.png

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