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見つけて変更しますPATHgulpfile.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 に答える