Gulp BrowserSync无法使用SCSS

时间:2016-06-09 05:37:04

标签: gulp gulp-watch browser-sync gulp-browser-sync

使用browsersync设置我的gulp似乎在检测SCSS文件的更改时遇到问题。它可以完美地用于SLIM重载和检测。 gulp没有错误。唯一的问题是browsersync无法检测到SCSS文件中的更改并重新加载或注入更改。



_sess_gc()




1 个答案:

答案 0 :(得分:0)

这可能不是您正在寻找的答案,但它是我一直在使用的工作,因为我遇到了类似的问题,使用browserSync.stream()没有一直开火。

'use strict';

var gulp        = require('gulp'),
    browserSync = require('browser-sync').create();

gulp.task('serve',function(){
    browserSync.init({
        server: {
            baseDir: './dev/'
        },
        files: ['./dev/**/*.html',
                './dev/css/**/*.css',
                './dev/js/**/*.js',
                './dev/img/**/*.*'],
        notify: false
    });
});

正如您所看到的,这使用了browserSyncs自己的监视任务,而不是通过整个构建过程来管理它,这可以通过使服务任务轻松抽象并拉入另一个项目而具有自己的优势。

希望这有帮助。