修改sass后,浏览器同步(gulp)不会刷新页面

修改sass后,浏览器同步(gulp)不会刷新页面,sass,gulp,jhipster,browser-sync,Sass,Gulp,Jhipster,Browser Sync,我使用sass和浏览器同步构建应用程序。我使用jhipster生成了配置 修改*.scss文件时,页面不会自动刷新。下面是我的gulpfile.js的一部分: 文件也是由jhipster生成的。我已经尝试了stackoverflow上找到的所有解决方案,但都没有效果。代码有问题吗 如果有必要,我可以发布整个文件。尝试: gulp.task('sass', function () { return gulp.src(config.scss + '**/*.{scss,sass}') .pi

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

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

文件也是由jhipster生成的。我已经尝试了stackoverflow上找到的所有解决方案,但都没有效果。代码有问题吗

如果有必要,我可以发布整个文件。

尝试:

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}));
});
运行task
sass

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

仍然无效。当我修改html文件时,一切都很好。但当我修改scss文件时,它正在被编译,但我需要手动刷新页面。
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}));
});