Chrome "Auto-Reload Generated CSS" не перезагружает страницу, когда SASS перекомпилирует CSS

Я пытаюсь заставить Chrome DevTools автоматически перезагружать страницу, когда я сохраняю просмотренный файл SCSS, который будет компилировать и вносить изменения в файл CSS.

У меня есть опция автоматической перезагрузки сгенерированного CSS, но, к сожалению, она не работает должным образом.

Всякий раз, когда я вношу изменения в файл SCSS и сохраняю его, страница не перезагружается. Я добавил рабочую папку в рабочую область, а также сопоставил файлы (как файл SCSS, так и сгенерированный CSS) с их соответствующими версиями на моем локальном системном диске. Это, однако, не помогает.

Исходные карты SASS, похоже, работают нормально, поскольку scss файлы отражаются в инспекторе DevTools:

Я использую Chrome версии 31:

Я пропустил все, о чем я не знаю? Что еще мне нужно сделать, чтобы заставить это работать?

Ответ 1

В этом случае я использовал drupal, а drupal генерировал ссылку css, например 'style.css? abc'. Проблема в этом суффиксе '? Abc'. Вам нужно начать сопоставление файлов из LOCAL (нажмите правой кнопкой мыши на local) 'style.css' на WEB 'style.css? Abc' (показано в списке). Не от WEB до ЛОКАЛЬНОГО. Если результат верен, WEB-ссылки исчезают из списка на вкладке "Ресурсы".

Ответ 2

вот хорошее решение, чтобы избежать этой проблемы с отображением .css? 201203241721/.js? 201203241721 файлов как szdv, упомянутых с drupal. У меня было это с typo3, и это решило это:

    /* remove in production *************************************************/
    //filter typo3 temp file src/href with ?date ending for chrome workspaces
    $('script, link').each(function(){
        rpString = /\?[0-9]*/;
        if(this.src){
            this.src = this.src.replace(rpString,'');
        }
        if(this.href){
            this.href = this.href.replace(rpString,'');
        }
    });
    /* ******************** *************************************************/