Grunt livereload compile bootstrap sass files using yeoman

Question

Мой вопрос прост. Я сделал базовую установку yoman (yo webapp) с помощью бутстрапа, sass, компаса и jquery.

Я хотел бы скомпилировать файлы bootstrap sass на livereload, поскольку использую grunt serve. В настоящее время только файл main.scss, кажется, скомпилирован на предмет загрузки.

Возможно ли это? Если да, скажите, пожалуйста, как?

С наилучшими пожеланиями,

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:

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

Answer 2

Просто нажмите "сохранить" в файле main.scss после вас вносить изменения в файлы sustrapas sass. Например, я переконфигурировал цветовые переменные в файле bootstrap sass, который содержит переменную, затем сохранил ее, а также файл main.scss. Браузер перезагрузился и сделал все похожим на помидор.