2016-04-04 7 views
4

私はこれに多くのstackoverflowソリューションを見てきましたが、私のシナリオではうまくいかないようです。Gulpが自分のscssファイルを正しく見ていない

私のgulp watchはファイルを見ているようですが、出力ファイルは更新されていません。

gulpを実行しても問題ありません。デフォルトではsassタスクを呼び出すように設定されています。タスクは出力cssを正常にコンパイルします。ここで

は私のディレクトリ構造です:

 
- css 
    - sass 
    * style.scss  
    * style.css 
* gulpfile.js 

と私のgulpfile:

// include gulp 
var gulp = require('gulp'); 

// include plugins 
var rename = require('gulp-rename'); 
var sass = require('gulp-sass'); 
var cssbeautify = require('gulp-cssbeautify'); 
var cssmin = require('gulp-cssmin'); 

// compile sass 
gulp.task('sass', function () { 
    return gulp.src('./css/sass/*.scss') 
     .pipe(sass()) 
     .pipe(cssbeautify()) 
     .pipe(gulp.dest('css')); 
}); 

// watch 
gulp.task('watch', function() { 
    gulp.watch('./css/sass/*.scss', ['sass']); 
}); 

// default task 
gulp.task('default', ['sass']); 

一気の時計は私を与える:(私は、ファイルを保存したとき、午前11時01分である)

[10:59:48] gulpfile〜/ Sites/cla/8_0/web/intranet/reports/gulpfile.jsを使用する
[10:59:48]「時計」を開始しています...
12ミリ
後に[十時59分48秒]完成 '時計' [11時01分25秒] 'SASS' を開始しています...
[11時01分25秒] 24ミリ

後の完成 'サス'

私の出力CSSが変更されていない理由についてのアイデアはありますか?

多くの感謝!

+0

ハバはsass.sync()と同時にそれをコンパイルしようとしていますか? –

+0

"sass"タスクを手で呼び出すと出力が更新されますか? – KWeiss

+0

デフォルトのタスクの実行は正常に動作していますか?そうでなければ、それはあなたの目的地のパスかもしれません、あなたは "./css"を試すことができますか? – Pred05

答えて

0

あなたの鳴き声には何の機能も持っていないので、それは謎のエラーである可能性があります。 .on( 'エラー'、sass.logError)を追加するには、ここ

は私gulpfileの例である

てみてください)、あなたの.pipe(SASS())した後、ここに荒い例である:

gulp.task('sass',function(){     
    gulp.src('./src/sass/main.scss') 
    .pipe(sass().on('error', sass.logError)) 
}); 
+0

残念ながら、ログにエラーは表示されません。すべてがうまくいくようです。私が自力で暴力を働かせば、盛り付けがうまくコンパイルされ、草の仕事が正しいと信じることができます。 –

関連する問題