iBird Rose

я бы еще добавил gulp-rigger для сборки html. для подключения шаблонов типа: //= template/footer.html
а еще ты каждый подключенный плагин обрабатываешь вручную. советую gulp-main-bower-files, который вернет все твои bower компоненты. и там уже можешь делать че хочешь. объединить и минифицировать к примеру.

а не легче верстать нормально и изначально иметь только 2 папки с картинками. одну папку для подключения в html в тег < img > к примеру, и вторую папку для css background стилей. и плагины сразу переделывать под себя и менять их дефолтные папки картинок на свои?

если хочешь облегчить себе жизнь, то делай объединение и минификацию не в gulp, а средствами фреймворка или cms. щас для всех есть плагины, где просто подключаешь к документу через < link href все css, и < script src= все js, а на выходе получаешь 2 файла объедененных и минифицированных.

ну тк devtools у хрома показывает ксс. а по map он смотрит только пути в scss. он и не должен тебе показывать переменные. он показывает твой сгенерированный css. а чтобы ты не запутался где править - он показывает номер строки в scss. и все. на большее отладчик хрома не способен

с такой задачей не сталкивался, но смотреть нужно в сторону
gulp-html-replace, gulp-inject, gulp-htmlbuild и gulp-resources
которые подключают нужные скрипты на страницу. только вам нужно изменить подключение не скриптов, а просто линков

при любом исходе изменение чего-либо повлечет за собой пересборку проекта. тогда толку что-то придумывать? делай как удобно)