2013-06-05 15 views
5

En son yeoman yığınını aldım ve ciğer-matbaanın düzgün çalışmasını sağlamak için jeneratörü-webapp'ı şu ana kadar geliştirdim: https://github.com/yeoman/generator-webapp/pull/67.Yeoman: SCSS dosyalarının değiştirilmesinde LiveReload'ı tetikleme

HTML dosyaları ve css dosyaları, livereload ile çalışmakta gibi görünüyor, ancak scss dosyaları yeniden yüklemeyi tetiklemiyor. İşte çıkışın bir parçacık İşte:

OK 
>> File "app/index.html" changed. 


Running "watch" task 
... Reload app/index.html ... 
... Reload app/index.html ... 
Completed in 0.005s at Wed Jun 05 2013 22:45:46 GMT+0100 (BST) - Waiting... 
OK 
>> File "app/styles/main.scss" changed. 


Running "compass:server" (compass) task 
overwrite .tmp/styles/main.css 

Running "watch" task 
Completed in 1.101s at Wed Jun 05 2013 22:45:57 GMT+0100 (BST) - Waiting... 

SCSS dosya izledi ve derlenmiş ancak .tmp arasında çıkış css gözardı ediliyor sanki görünüyor ediliyor. Bu (varsayılan) Gruntfile'de aşağıdaki gibidir.

 livereload: { 
      options: { 
       livereload: LIVERELOAD_PORT 
      }, 
      files: [ 
       '<%= yeoman.app %>/*.html', 
       '{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css', 
       '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js', 
       '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' 
      ] 
     } 

github üzerinde bir hata olarak bu sonrası olacaktır, ancak sorumlu olduğu yığının hangi bölümünün bilmek zor.

+0

Kendi cevabınızı bulursanız lütfen gönderin. Bu yığını yeni bir makineye yükledim ve scss de benim için çalışmıyor. –

cevap

10

watch: { 
    options: { 
    nospawn: false 
    } 
} 

bu hile yok bana bildirin belirlemeyi deneyin!

+0

Bu işe yaramış gibi görünüyor! Dokümanlara göre yavaşlatıyor ve bana neden yaptıklarını açıklığa kavuşturmuyor, ama işe yarıyor ... –

+3

Harika! Watch.livereload.files, 'watch.compass' görevinin' .css' derlenmiş sonucuna bağlı olduğundan, derlenmiş dosyanın değiştiğini görmek için ek bir adım gerektirir. – Stephen

+0

Teşekkürler! Bu benim için de çalıştı. Artık LiveReload, projemdeki '.scss' dosyalarından herhangi birinde bir değişiklik kaydettiğimi görüyor (peki, pusula izliyor, yine de). – natchiketa