构建 – GulpJS:如何转换图像,然后更新其参考文件在css文件?

前端之家收集整理的这篇文章主要介绍了构建 – GulpJS:如何转换图像,然后更新其参考文件在css文件?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
gulp.task('usemin',function () {

  return gulp.src(path.src + '*.html')
    .pipe(usemin({
      assetsDir: 'src',css: [ minifyCss(),'concat',rev()],js: [uglify(),images: [rev()]
    }))
    .pipe(gulp.dest(path.dist));
});

它对图像无效.

解决方法

gulp-rev-all的理念是给我看看资产修订的好方法.在自述文件中,这是非常 well explained,哈希也应该考虑修订文件之间的引用.

我嘲笑了一个小例子来缩小图像和一个使用后台url属性来查看新图像路径修订版本的CSS文件.

gulp.task('image',function () {
  return gulp.src('image.jpeg')
    .pipe(img({ progressive: false }))
    .pipe(gulp.dest('tmp'));
});

gulp.task('css',function () {
  return gulp.src('test.css')
    .pipe(css())
    .pipe(gulp.dest('tmp'));
});

gulp.task('rev',['image','css'],function () {
  return gulp.src('tmp/**')
    .pipe(rev())
    .pipe(gulp.dest('dist'));
});

我已经删除了所有的花哨的东西要更清楚,但你可以看到整个例子here.

猜你在找的CSS相关文章