Gulp / postcss library / setanje unutar WP

[cdhr]

Evo ovako,
npm node gulp sve instaliramo globalno i unutar projekta.glavna teba ima 3 childa,fallback na glavnu temu.
Terminal gulp sass odvrti sass na glavnoj temi i sva 3 childa sass.
Implementirao sam postCSS sa npm i pokušavam napisati svoj gulpfile.js ali početnik sam sa gulpom i moram priznati malo sam se pogubio.
Ono što želim je kada upišem gulp sass odvrti mi sass na glavnoj svim childovima a kada upišem gulp css ili gulp postcss (ovisno kako si napravim ) odvrtiti će mi css na glavnoj temi i childovima sa postcss auto prefixom lost gridom i ostalim pluginovma.

gulpfile.js sam trenutno napisao ovako:

var gulp = require('gulp');
 
gulp.task('default', function(){
 
    console.log('default gulp task...')
 
});

var sass = require('gulp-sass');
 
gulp.task('sass', function () {
 
    gulp.src('wp-content/themes/wpmd/sass/style.scss')
 
        .pipe(sass())
 
        .pipe(gulp.dest('wp-content/themes/wpmd/'));

        gulp.src('wp-content/themes/wpmd-site1-child/sass/style.scss')
 
        .pipe(sass())
 
        .pipe(gulp.dest('wp-content/themes/wpmd-site1-child/'));

        gulp.src('wp-content/themes/wpmd-site2-child/sass/style.scss')
 
        .pipe(sass())
 
        .pipe(gulp.dest('wp-content/themes/wpmd-site2-child/'));

        gulp.src('wp-content/themes/wpmd-site3-child/sass/style.scss')
 
        .pipe(sass())
 
        .pipe(gulp.dest('wp-content/themes/wpmd-site3-child/'));
 
});
 
gulp.task('default', ['sass']);

var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');


gulp.task('css', function () {
  var processors = [
  autoprefixer
  ];
  return gulp.src('wp-content/themes/wpmd/style.css')
    .pipe(postcss(processors))
    .pipe(gulp.dest('wp-content/themes/wpmd/'));
});

ako netko može pomoci bio bih hrpu sretan zato što pokušavajući praditi ovaj tutorial :
http://webdesign.tutsplus.com/tutori...tup--cms-24543
i ovaj
https://github.com/peterramsing/lost/wiki/Installation
doista sam se pogubio i zakucao u zid pa bilo koja pomoć bih mi došla jako dobro.
Puno hvala lp

[cdhr]

uspio napraviti riješenje :

var gulp = require('gulp');
 
gulp.task('default', function(){
 
    console.log('default gulp task...')
 
});

var sass = require('gulp-sass');
 
gulp.task('sass', function () {
 
   gulp.task('sass:main', function () {
    gulp.src('wp-content/themes/wpmd/sass/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('wp-content/themes/wpmd/'));
});

gulp.task('sass:child1', function (){
    gulp.src('wp-content/themes/wpmd-site1-child/sass/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('wp-content/themes/wpmd-site1-child/'));
})
gulp.task('sass:child2', function (){
    gulp.src('wp-content/themes/wpmd-site2-child/sass/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('wp-content/themes/wpmd-site2-child/'));
})
gulp.task('sass:child3', function (){
    gulp.src('wp-content/themes/wpmd-site3-child/sass/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('wp-content/themes/wpmd-site3-child/'));
})

gulp.task('sass',['sass:main','sass:child1','sass:child2','sass:child3'],function(){
    console.log("this will logged after all sass tasks are done");
})
 
});
 
gulp.task('default', ['sass']);

var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var lost = require('lost');


gulp.task('sass:main', function () {
    var processors = [autoprefixer , lost];
    gulp.src('wp-content/themes/wpmd/sass/style.scss')
    .pipe(sass())
    .pipe(postcss(processors))
    .pipe(gulp.dest('wp-content/themes/wpmd/'));
});