timfcsm

какая версия? в 2016.1 был баг , что из npm модулей sass переменные не тянулись.. в 2016.2 это поправили

Зачем нужен LiveReload? Если значения из SASS передаются в CSS, а автоматизировать отображение изменений на уровне HTML документа можно с помощью BrowserSync.

а вообще BrowserSync синхронизирует несколько браузеров, то есть ты можешь открыть хром, мозиллу, браузер на телефоне и все действия, что ты будешь производить в одном из них (скроллить, заполнять поля в формах и тд), будут автоматически производиться и в других браузерах

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

так у них же об этом в документации и написано
"Grid images are not exact. Browsers have extra trouble with sub-pixel rounding on background images. These are meant for rough debugging, not for pixel-perfect measurements. Expect the to side of your grid image (right if your flow is ltr) to be off by several pixels."

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

%placeholder {
  font-weight: bold;
}
a%placeholder {
  text-decoration: none;
}
.item {
 @extend %placeholder
}

скомпилится в

.item {
  font-weight: bold;
}
a.item {
  text-decoration: none;
}

a

.placeholder {
  font-weight: bold;
}
a.placeholder {
  text-decoration: none;
}
.item {
 @extend .placeholder
}

скомпилится в

.placeholder, .item {
  font-weight: bold;
}
a.placeholder, a.item {
  text-decoration: none;
}

соответственно если применить это по пять раз, в первом случае сгенерируется 5 блоков правил для разных селекторов, а во втором для одного блока правил добавится куча селекторов, к которым он применяется

что-то у вас большинство тасков тупо копируют файлы из одной папки в другую... почему бы js сразу не собирать в один файл, и зачем вам sass в public, если вы туда и так уже скомпиленный css кладете?