title: gulp minify all css files to a single file
body: <p>I have gulp task script as following,</p>
  
  <pre><code>// loads various gulp modules
  var gulp = require('gulp');
  var concat = require('gulp-concat');
  var minifyCSS = require('gulp-minify-css');
  var autoprefixer = require('gulp-autoprefixer');
  var rename = require('gulp-rename');
  
  // create task
  gulp.task('css', function(){
      gulp.src('src/css/**/*.css')
          .pipe(minifyCSS())
          .pipe(rename('style.min.css'))
          .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9'))
          .pipe(gulp.dest('dist/css'))
  });
  </code></pre>
  
  <p>How to minify all the css files from src/css to a single file as dist/css/style.min.css?</p>