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

在运行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，它运行得很好。我不知道该怎么办？

谢谢

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来查看流中的文件。

Gulp没有输出任何内容

1 个答案: