在修改sass后，browser-sync (gulp)不刷新页面。

Question

我使用sass和浏览器同步构建应用程序。我使用jhipster生成了配置。

修改*.scss文件时，页面不会自动刷新。这是我gulpfile.js的一部分

gulp.task('sass', function () {
    return gulp.src(config.scss + '**/*.{scss,sass}')
        .pipe(plumber({errorHandler: handleErrors}))
        .pipe(changed(config.app + 'assets/styles', {extension: '.css'}))
        .pipe(sass({includePaths:config.importPath}).on('error', sass.logError))
        .pipe(gulp.dest(config.app + 'assets/styles'));
});

gulp.task('styles', ['sass'], function() {
    return gulp.src(config.app + 'assest/styles')
        .pipe(browserSync.reload({stream: true}));
});

文件也是由jhipster生成的。我试过了在堆叠溢出上找到的每一个解决方案，但都没有效果。代码有问题吗？

如果有必要的话，我可以把整个文件都寄出去。

Answer 1

尝试：

gulp.task('sass', function () {
return gulp.src(config.scss + '**/*.{scss,sass}')
    .pipe(plumber({errorHandler: handleErrors}))
    .pipe(changed(config.app + 'assets/styles', {extension: '.css'}))
    .pipe(sass({includePaths:config.importPath}).on('error', sass.logError))
    .pipe(gulp.dest(config.app + 'assets/styles'));
    .pipe(browserSync.reload({stream: true}));
});

并运行任务sass

Answer 2

JHipster 2.27.2版已经修复了sass和浏览器同步的一些问题。尝试更新JHipster并重新生成您的项目。