PC Ekspert Forum - Gulp / postcss library / setanje unutar WP

PC Ekspert Forum (https://forum.pcekspert.com/index.php)

- Web dizajn, programiranje i ostalo (https://forum.pcekspert.com/forumdisplay.php?f=39)

- - Gulp / postcss library / setanje unutar WP (https://forum.pcekspert.com/showthread.php?t=279873)

Gulp / postcss library / setanje unutar WP

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:

Code:

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 :respekt:

uspio napraviti riješenje :

Code:

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/'));

});