3

browsersync (ストリームを使用) を機能させようとしていますが、パイプ コンテキストでは機能しないようです。sass が正しくコンパイルされると、何も起こりません。私のコードは次のとおりです。

gulp.task('sass', function () {
  gulp.src('../css/source/*.scss')
    .on('error', function (err) {

         notify.onError({
           title:    "Gulp",
           subtitle: "Failure!",
           message:  "<%= error.message %>",
           sound:    "Beep"
       })(err);
       this.emit('end');
    })

    .pipe(sourcemaps.init())
    .pipe(sass())
    .pipe(sourcemaps.write())
    .pipe(concat('build.css'))
    .pipe(gulp.dest('../css/build/dev'))
    .pipe(browserSync.reload({stream:true}))
    .pipe(csso())
    .pipe(gulp.dest('../css/build/min'));
});


gulp.task('default', ['browser-sync'], function(){

    gulp.watch('../css/source/*.scss', ['sass']);

});

私の端末では、それを登録しているようです:

[BS] 1 file changed (build.css)
[BS] File changed: ../css/build/dev/build.css

リロードを発生させる唯一の方法は、ウォッチ タスクに追加することです。

gulp.watch("../css/build/dev/*.css",  browserSync.reload);

...しかし、この方法では、関数を受け入れないため、ストリームを有効にできないようです。また、現在のドキュメントに従って browserSync.stream() を試しましたが、役に立ちませんでした。

これが役立つ場合の browsersync タスクは次のとおりです。

gulp.task('browser-sync', ['sass'], function() {
    browserSync.init({
        proxy: 'local.test.com',
        host: '10.0.1.40'
    });
});

助けてください!

4

1 に答える 1