Search code examples
compass-sassguardlivereload

Using guard live reload and guard compass seems to conflict


I'm trying to use guard livereload and guard compass together. Here is my file

A sample Guardfile

    # More info at https://github.com/guard/guard#readme

    guard 'compass' do
      watch('^sass/(.*)\.s[ac]ss')
    end

    guard 'livereload' do
      watch(%r{.+\.(css|html|js)$})
    end

    # This will concatenate the javascript files specified in :files to public/js/all.js
    #guard :concat, type: "js", files: %w(), input_dir: "public/js", output: "public/js/all"

    #guard :concat, type: "css", files: %w(), input_dir: "public/css", output: "public/css/all"

    #guard 'uglify', :destination_file => "public/javascripts/application.js" do
    #  watch (%r{app/assets/javascripts/application.js})
    #end

When i begin to guard, without enabling the chrome live reload extension, my sass files are compiled and work well.

But when I enable the livereload extension, my terminal says that browser is connected, and then when i make changes in my sass files, nothing happens (neither the page reloads, nor the sass files are compiled).

Does anyone have any ideas ?


Solution

  • For the moment, I'm lauching two terminals in windows, one where I do compass watch, and one where I do guard (I commented the compass part of the GuardFile).

    If someone has a better solution