Я пытаюсь заставить Chrome DevTools автоматически перезагружать страницу, когда я сохраняю просмотренный файл SCSS, который будет компилировать и вносить изменения в файл CSS.
У меня есть опция автоматической перезагрузки сгенерированного CSS, но, к сожалению, она не работает должным образом.
Всякий раз, когда я вношу изменения в файл SCSS и сохраняю его, страница не перезагружается. Я добавил рабочую папку в рабочую область, а также сопоставил файлы (как файл SCSS, так и сгенерированный CSS) с их соответствующими версиями на моем локальном системном диске. Это, однако, не помогает.
Исходные карты SASS, похоже, работают нормально, поскольку scss файлы отражаются в инспекторе DevTools:
Я использую Chrome версии 31:
Я пропустил все, о чем я не знаю? Что еще мне нужно сделать, чтобы заставить это работать?
В этом случае я использовал drupal, а drupal генерировал ссылку css, например 'style.css? abc'. Проблема в этом суффиксе '? Abc'. Вам нужно начать сопоставление файлов из LOCAL (нажмите правой кнопкой мыши на local) 'style.css' на WEB 'style.css? Abc' (показано в списке). Не от WEB до ЛОКАЛЬНОГО. Если результат верен, WEB-ссылки исчезают из списка на вкладке "Ресурсы".
вот хорошее решение, чтобы избежать этой проблемы с отображением .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,'');
}
});
/* ******************** *************************************************/