Yeoman: Kích hoạt LiveReload khi thay đổi các tệp SCSS

Question

Tôi đã có ngăn xếp yeoman mới nhất và tôi vừa nâng cấp trình tạo ứng dụng web-webapp lên master: https://github.com/yeoman/generator-webapp/pull/67 để tải tệp tin hoạt động bình thường.

Tệp HTML và tệp css dường như đang hoạt động với tải trọng tốt, nhưng tệp scss không kích hoạt tải lại. Dưới đây là một đoạn trích xuất:

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... 

Tệp scss đang được xem và biên dịch, nhưng có vẻ như mặc dù css xuất hiện trong .tmp đang bị bỏ qua. Điều này là mặc dù sau đây trong Gruntfile (mặc định).

 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}' 
      ] 
     } 

Tôi sẽ đăng bài này dưới dạng lỗi trên github, nhưng rất khó để biết phần nào của ngăn xếp có trách nhiệm.

Answer 1

Hãy thử thiết lập

watch: { 
    options: { 
    nospawn: false 
    } 
} 

Hãy cho tôi biết nếu điều này làm các trick!