私はこれに多くの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が変更されていない理由についてのアイデアはありますか?
多くの感謝!
ハバはsass.sync()と同時にそれをコンパイルしようとしていますか? –
"sass"タスクを手で呼び出すと出力が更新されますか? – KWeiss
デフォルトのタスクの実行は正常に動作していますか?そうでなければ、それはあなたの目的地のパスかもしれません、あなたは "./css"を試すことができますか? – Pred05