2013-06-05 15 views
5

私は最新のyeomanスタックを持っており、livereloadが正常に動作するようにgenerator-webappをマスターにアップグレードしました:https://github.com/yeoman/generator-webapp/pull/67Yeoman:SCSSファイルの変更時にLiveReloadをトリガーする

livereloadでHTMLファイルとCSSファイルが正常に動作しているようですが、scssファイルでは再読み込みが行われません。ここでは、出力の抜粋です:

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ファイルを見て、コンパイルされますが、.tmpファイルで出力されたCSSが無視されているように見えますされています。これは、(デフォルトの)Gruntfileに次のような意味があります。

 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のバグとして投稿しますが、スタックのどの部分が原因であるのかを知ることは難しいです。

+0

あなた自身の答えを見つけたら投稿してください。私はこのマシンを新しいマシンにインストールしましたが、scssは私のために働いていません。 –

答えて

10

が、これはトリックを行う場合、私に教えてください

watch: { 
    options: { 
    nospawn: false 
    } 
} 

を設定してみてください!

+0

それは働いたようです!ドキュメントによると、それは遅くなります、なぜそれが何をしているのかは私には明らかではありませんが、それは動作します... –

+3

素晴らしい! 'watch.livereload.files'は' watch.compass'タスクの '.css'コンパイル結果にバインドされているので、コンパイルされたファイルが変更されたことを確認するには追加の手順が必要です。 – Stephen

+0

ありがとう!これも私のために働いた。これで、プロジェクトの「.scss」ファイルのいずれかに変更を保存すると、LiveReloadが表示されます(コンパスが見ているものです)。 – natchiketa

関連する問題