咕嘟咕嘟不outputing什麼

Question

我跑在我的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('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，然後找到下面gulpfile.jsPATH與./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來查看那些文件在你的流中。