编译SCSS（Compass）+刷新浏览器的最快方法？

只是想知道您认为编译 SCSS 和刷新浏览器的最快方法是什么？我目前正在使用LiveReload，但有时似乎有点慢，可能需要1-3秒。看起来不多，但我觉得我正在失去适当的编码节奏。

你们都用什么？ CodeKit 会更快吗？或者也许是 Sublime LiveReload 插件（不是实际的应用程序）？或者也许我应该放弃指南针并使用其他东西？任何建议，将不胜感激。

附言。我在 OS X 上

我使用这个堆栈：

• gruntjs http://gruntjs.com/
• 咕噜粗鲁 https://github.com/sindresorhus/grunt-sass (uses libsass https://github.com/hcatlin/libsass via 节点 sass https://github.com/andrew/node-sass而不是红宝石萨斯）
• grunt-watch-contrib https://github.com/gruntjs/grunt-contrib-watch

Caveats

• Sass 缩进语法 http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html不支持。
• Compass http://compass-style.org/不支持

但它要快得多 x100xxx...！

在这里阅读更多内容：

http://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/ http://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/

Example

要在页面上启用实时重新加载，请在结束正文标记之前添加脚本标记：

<script src="//localhost:35729/livereload.js"></script>

这是一个例子Gruntfile.js:

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON("package.json"),
    sass: {
      dist: {
        options: {
          outputStyle: "nested"
        },
        files: {
          "dist/css/app.css": "src/scss/app.scss"
        }
      }
    },
    watch: {
      options: {
        livereload: true
      },
      grunt: {
        files: ["Gruntfile.coffee"]
      },
      sass: {
        files: "src/scss/app.scss",
        tasks: ["sass"]
      }
    }
  });
  grunt.loadNpmTasks("grunt-sass");
  grunt.loadNpmTasks("grunt-contrib-watch");
  grunt.registerTask("build", ["sass"]);
  grunt.registerTask("default", ["build", "watch"]);
};