Question

我使用sass和browser-sync构建应用程序。我使用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生成的。我已尝试在stackoverflow上找到的每个解决方案但没有任何效果。代码有问题吗？

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

Answer 1

尝试：

random()

并运行任务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})); });

Answer 2

JHipster 2.27.2 release修复了sass和browser-sync的一些问题。尝试更新JHipster并重新生成项目。

修改sass后，browser-sync（gulp）不刷新页面

2 个答案: