css - Grunt LiveReload 真的很慢

Question

这可能是我低效设置的影响，而不是 grunt/livereload 的问题。

这是我在 grunfile.js 中的 watch 测试:

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
        }
    }
},

这将重新编译我的 SASS 并重新加载页面，但是完成 CSS 编译需要 5-6 秒，然后它会刷新整个页面，而不是仅仅重新加载发生变化的 CSS 文件。

所以我的问题是:

1. 我如何避免花费这么长时间来编译 SASS 和刷新页面，或者我只是太挑剔了，这是 grunt 的继承部分？

2. 如何避免重新加载整个页面，而只重新加载从我的 SASS 编译中更改的 CSS 文件？

Answer 1

查看我的其他答案:Fastest way to compile SCSS (Compass) + refresh the browser?

grunt-contrib-sass使用非常慢的Ruby sass，它与grunt本身无关。

使用grunt-sass相反，它使用 libsass，它是 sass 的快速 c 实现。

阅读这篇文章: http://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/