1

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

谢谢你

4

1 回答 1

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

于 2016-01-31T10:26:29.620 回答