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文件。浏览器重新加载并使所有内容看起来像番茄。