Глотка ничего

Question

Я бег следующего в моем gulpfile.js не outputing

var gulp = require('gulp'); 
var postcss = require('gulp-postcss'); 
var csswring = require('csswring'); 
var sass = require('gulp-sass'); 

gulp.task('styles', function() { 
    var processors = [ 
    csswring 
    ]; 

    return gulp.src('xampp/htdocs/wordpress/wp-content/themes/paws2play/sass/style.scss') 
     .pipe(sass()) 
     .on('error', sass.logError) 
     .pipe(postcss(processors)) 
     .pipe(gulp.dest('xampp/htdocs/wordpress/wp-content/themes/paws2play/style.css')); 
}); 

gulp.task('watch:styles', function(){ 
    gulp.watch('**/*.scss', ['styles']); 
}); 

После запуска стилей глотка я получаю это из положить

[19:05:34] Using gulpfile c:\xampp\htdocs\wordpress\wp-content\themes\paws2play\gulpfile.js 
[19:05:34] Starting 'styles'... 
[19:05:34] Finished 'styles' after 17 ms 

Когда я иду и проверить мой файл style.css , он пуст. Я не уверен, что я делаю неправильно. Я запустил sass -trace --watch style.scss: style.css, и он работал отлично. Я не понимаю, что здесь делать?

Спасибо

Answer 1

Я вижу маленькую ошибку, но я не думаю, что это проблема в вашем случае.

Сначала убедитесь, что ваш путь правильный.

• Проверьте, где находится ваш gulpfile.js находится
• Если в xampp/htdocs/wordpress/wp-content, а затем найти PATH в gulpfile.js ниже и изменить с ./themes/paws2play

Затем измените ваш gulpfile.js с:

var gulp = require('gulp'); 
var postcss = require('gulp-postcss'); 
var csswring = require('csswring'); 
var sass = require('gulp-sass'); 

gulp.task('styles', function() { 
    var processors = [ 
    csswring 
    ]; 

    return gulp.src('PATH/sass/style.scss') 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(postcss(processors)) 
     .pipe(gulp.dest('PATH')); 
}); 

gulp.task('watch:styles', function(){ 
    gulp.watch('PATH/sass/**/*.scss', ['styles']); 
}); 

Вы также можете добавить gulp-debug, чтобы просмотреть файлы, которые находятся в вашем потоке.