Grunt livereload使用yeoman編譯bootstrap sass文件

Question

我的問題很簡單我已經使用bootstrap，sass，compass和jquery進行了yeoman（yo webapp）的基本安裝。

我想在livereload上編譯bootstrap sass文件，因爲我使用的是grunt serve。目前只有main.scss文件似乎在livereload上編譯。

可能嗎？如果，是的，請告訴我如何？

最好的問候，

Answer 1

嘗試這樣的：

關注：

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

    sass: { 
     files: "<%= yeoman.app %>/sass/{,**/}*.sass", 
     tasks: ["sass:tmp"] 
    } 
} 

薩斯：

sass: { 
    tmp: { 
     files: { 
      "<%= yeoman.tmp %>/styles/index.css": "app/sass/index.sass", 
     }, 
     options: { 
      paths: ["app/sass"] 
     } 
    }, 
} 

Answer 2

只是打在main.scss文件 「保存」 後，你在boostrap sass文件中進行更改。例如，我重新配置了包含變量的bootstrap sass文件中的顏色變量，然後保存它，以及main.scss文件。瀏覽器重新加載並使所有內容看起來像番茄。