|
22.07.2016., 11:14 | #1 |
Premium
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/')); }); 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 |
22.07.2016., 14:59 | #2 |
Premium
Datum registracije: Jul 2016
Lokacija: Osijek
Postovi: 161
|
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/')); }); |
|
|
Oglas
|
|
|
|