How to use gulp.js to minimize wordpress css and javascript

Question

I have a very simple question. I started using gulp.js to reduce css / javascript files. Now I wondered if it was possible to minimize all files (css and javascript). The intention is that the css and javascript files are simply overwritten and not put in a separate folder if they are minimized :)

Answer 1

You would need to configure gulp's target to be same as the source.

But in general it's good practice to have separate files.

Example:

var gulp = require('gulp') , 
   minifyCss = require("gulp-minify-css"); 
// task 
gulp.task('minify-css', function () { 
  gulp.src(['css/main.css','css/second.css',]) 
  .pipe(minifyCss()) 
  .pipe(gulp.dest('css/minified/'));
 });

Me personally i just use a caching plugin for Wordpress which does aggregation and minification of JS files. There are plenty.