最快的 livereloader sass 到 css (Grunt, Gulp - Browsersync)答案

【问题标题】：Fastest livereloader sass into css (Grunt, Gulp - Browsersync )最快的 livereloader sass 到 css (Grunt, Gulp - Browsersync)
【发布时间】：2015-07-30 18:12:10
【问题描述】：

我正在寻找最快的 livereload 结果（sass into css + browerssync）

Grunt 或 Gulp 是更好的最快结果？

我在用 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']);
};

【问题讨论】：

标签： node.js gruntjs gulp frontend browser-sync

【解决方案1】：

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

编辑：如果您正在考虑使用 Grunt，您应该查看 grunt-sass。似乎是最快的，并且非常接近 Gulp。

【讨论】：