CSS通过gulp缩小并重命名

前端之家收集整理的这篇文章主要介绍了CSS通过gulp缩小并重命名前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个变量
  1. var files = {
  2. 'foo.css': 'foo.min.css','bar.css': 'bar.min.css',};

我想让gulp为我做的是缩小文件,然后为我重命名

但是任务当前写为(对于一个文件)

  1. gulp.task('minify',function () {
  2. gulp.src('foo.css')
  3. .pipe(minify({keepBreaks: true}))
  4. .pipe(concat('foo.min.css'))
  5. .pipe(gulp.dest('./'))
  6. });

如何重写,以便它与上面定义的变量文件一起工作?

解决方法

您应该能够使用Glob选择您的src所需的任何文件,而不是在对象中定义它们,这样可以简化您的任务。另外,如果你想将css文件分解成单独的文件,你不需要连接它们。
  1. var gulp = require('gulp');
  2. var minify = require('gulp-minify-css');
  3. var rename = require('gulp-rename');
  4.  
  5. gulp.task('minify',function () {
  6. gulp.src('./*.css')
  7. .pipe(minify({keepBreaks: true}))
  8. .pipe(rename({
  9. suffix: '.min'
  10. }))
  11. .pipe(gulp.dest('./'))
  12. ;
  13. });
  14.  
  15. gulp.task('default',['minify'],function() {
  16.  
  17. });

猜你在找的CSS相关文章