最快的livereloader sass到css (Grunt，Gulp - Browsersync )

Question

我正在寻找最快的livereload结果(进入css +浏览器同步)

嘟嘟声还是古尔普语更好最快的结果？

我正在用Grunt做实验，当保存css文件时，我们得到了livereload，没有任何延迟，但当sass将sass编译成css时，它的工作有1到2秒的延迟

这是我的呼叫码

module.exports = function (grunt) {

  // Project configuration.
  grunt.initConfig({
    watch: {
      sass: {
        files: "app/scss/*.scss",
        tasks: "sass:dev"
      }
    },
    sass: {
      dev: {
        files: {
          "app/css/styles.css": "app/scss/styles.scss"
        }
      }
    },
    browserSync: {
      default_options: {
        bsFiles: {
          src: [
            "css/*.css",
            "*.html"
          ]
        },
        options: {
          watchTask: true,
          proxy: "yourvhost.dev"
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-browser-sync');

  // Launch BrowserSync + watch task
  grunt.registerTask('default', ['browserSync', 'watch']);
};

Answer 1

Gulp传统上要快一点，因为它使用了节点流。更深入地阅读节点流主题和Sass的Gulp/Grunt编译，您可以找到here。

编辑:如果你正在考虑使用Grunt，你应该看看grunt-sass。它似乎是最快的，而且非常接近Gulp one。