Gulp 没有输出任何东西答案

【问题标题】：Gulp not outputing anythingGulp 没有输出任何东西
【发布时间】：2016-04-02 20:12:54
【问题描述】：

我在我的 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']);
});

运行 gulp 样式后，我得到了这个输出

[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 并且效果很好。我不知道在这里做什么？

谢谢

【问题讨论】：

标签： sass gulp gulp-sass postcss

【解决方案1】：

我看到一个小错误，但我认为这不是你的问题。

首先确保你的路径是正确的。

查看您的gulpfile.js 在哪里
如果在xampp/htdocs/wordpress/wp-content中，则在下面的gulpfile.js中找到PATH，换成./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 以查看您的信息流中的文件。

【讨论】：