Jest to prawdopodobnie wpływ na moją nieefektywną konfigurację i nie stanowi problemu z chrząknięciem / livereload.

Oto mój test zegarka w moim grunfile.js:

watch: {
    images: {
        files: ['images/**/*.{png,jpg,gif}', 'images/*.{png,jpg,gif}'],
        tasks: ['imagemin'],
        options: {
            spawn: false
        }
    },
    js: {
        files: ['js/*.js','js/**/*.js'],
        tasks: ['jshint'],
        options: {
            spawn: false
        }
    },
    svgs: {
        files: ['images/*.svg','images/**/*.svg'],
        task: ['svgmin'],
        options: {
            span: false
        }
    },
    scss: {
        files: ['sass/*.scss', 'sass/**/*.scss'],
        tasks: ['sass','autoprefixer'],
        sourceComments: 'normal',
        options: {
            nospawn: true,
            livereload: true
        }
    }
},

To przekompiluje mój SASS i przeładuje stronę, ale ukończenie kompilacji CSS zajmuje 5-6 sekund, a następnie odświeża całą stronę, zamiast tylko przeładowywać zmieniony plik CSS.

Oto moje pytania:

Jak mogę powstrzymać się od tak długiego kompilowania SASS i odświeżania strony, czy też jestem po prostu wybredny, a to jest dziedziczna część gruntu?

Jak zachować się przed przeładowaniem całej strony i po prostu przeładować plik CSS, który zmienił się z mojej kompilacji SASS?