Live edit, live reload with Chrome Workspaces, grunt и Less

Question

У меня есть проект с меньшими файлами Bootstrap и gruntjs, чтобы иметь возможность жить в рабочих окнах Chrome.

Вот мой Gruntfile.js. Он автоматически компилирует меньше файлов в требуемый style.css и создает файл исходной карты, когда я сохраняю свои изменения. Я также могу редактировать и сохранять меньше файлов из рабочих областей Chrome после добавления каталога проекта в Workspaces.

module.exports = function(grunt) { 
    'use strict'; 

    require('matchdep').filterDev('grunt-!(cli)').forEach(grunt.loadNpmTasks); 

    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 
     less: { 
      dev: { 
       options: { 
        sourceMap: true, 
        sourceMapFilename: 'public/css/style.map', 
        sourceMapBasepath: 'public/css' 
       }, 
       files: { 
        'public/css/style.css': 'less/style.less' 
       } 
      } 
     }, 
     watch: { 
      all: { 
       files: ['less/**/*.less'], 
       tasks: ['less'], 
      } 
     } 
    }); 

    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default', ['less', 'watch']); 
}; 

Проблема у меня в том, что я не в состоянии увидеть живые перегрузите мои модификации на менее файлы через Sublime Text 2 или Chrome Workspaces непосредственно в браузере без обновления страницы.

Что мне не хватает? Мне нужно отображать файлы? Какой файл в файл какой именно? Нужно ли мне сопоставлять несколько одинаковых или только один файл.

Я также добавил изображение, в котором вы можете увидеть дерево файлов.

FYI, также обратите внимание, что style.less импортирует загрузчик меньше файлов и мои пользовательские файлы меньше.

// Core variables and mixins 

@import "bootstrap/bootstrap"; 
@import "showtime/lib"; 
@import "showtime/intro"; 
@import "showtime/nav"; 
@import "showtime/portfolio"; 
@import "showtime/contact"; 
@import "showtime/footer"; 
@import "showtime/album"; 

UpdateЕсли изменить на вкладке Elements, мой файл style.less переопределены с контентом, который также находится в style.css, а затем он работает. Что я делаю не так ?

Большое спасибо за ваше время и помощь.

Answer 1

ОК, единственное, что я смог сделать, - это положить меньше файлов в папку css.