4

私がやること?

  1. 実行gulp(SCSS ファイルを処理中、CSS ファイルを取得)
  2. SCSSファイルを再度変更します

期待される:

  • 1. の CSS ファイルは 2. からの変更で更新されます。

何が起こるのですか?

  • 1.のCSSファイルは変更なし

コマンドライン出力:

$ gulp
[09:24:28] Using gulpfile c:\Users\User\_dev\github\project\gulpfile.js
[09:24:28] Starting 'sass'...
[09:24:28] Finished 'sass' after 98 ms
[09:24:28] Starting 'default'...
[09:24:28] Finished 'default' after 7.31 μs
[09:24:35] sass-watch saw _base.scss was changed
[09:25:39] sass-watch saw _base.scss was changed

gulpfile.js:

gulp.task('sass', function() {
    watch({ glob: 'css/**/*.{scss,sass}', name: 'sass-watch'})
        .pipe(plumber())
        .pipe(sass())
        .pipe(gulp.dest('css'))
});

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

ノート:

ソース ファイルをパイプする方法は重要ではありません。使用しても結果は変わらないgulp.src()

4

1 に答える 1

0

あなたのsassタスクが正しく書かれているとは思いません。

次のようなことを試してください:

var gulp = require('gulp');
var sass = require('gulp-sass')

gulp.task('sass', function () {
    gulp.src('PATH-TO-SASS-FILES/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
});
于 2014-07-02T14:45:27.057 に答える