View Single Post
Staro 22.07.2016., 11:14   #1
cdhr
Premium
 
cdhr's Avatar
 
Datum registracije: Jul 2016
Lokacija: Osijek
Postovi: 161
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
cdhr je offline   Reply With Quote