gulp-css-image-rev

1.0.4 • Public • Published

gulp-css-image-rev

gulp插件,将css里面background-image内的图片加上版本号。

View

before

body{
    background: url(../../img/logo.png);
}

after

body{background:url(../../img/logo.png?v=d077a648)}

Usage

npm install gulp-css-image-rev --save-dev
var imageRev = require('gulp-css-image-rev')

gulp.task('less', function() {
    return gulp.src('./static/css/**/*.less')
        .pipe(imageRev())
        .pipe(less()) //请安装相关插件
        .pipe(gulp.dest('./static/css'))
});

opt.baseUrl

gulp.task('less', function() {
    return gulp.src('./static/css/**/*.less')
        .pipe(imageRev({
            baseUrl: 'H:\\eduproject\\apps\\www' //使用绝对路径
        }))
        .pipe(less())
        .pipe(cssmin())
        .pipe(gulp.dest('./static/css'))
    });
});

对应的CSS

body{
    background: url(/img/logo.png);
}

Links

License

MIT

Package Sidebar

Install

npm i gulp-css-image-rev

Weekly Downloads

1

Version

1.0.4

License

Apache License

Last publish

Collaborators

  • kyo4311