adil16

Фигурную скобку не закрыли

function t11() {
  const divs = document.querySelectorAll('div.div-11');
  const content = Array.from(divs).map(div => div.innerHTML).join(' ');
  
  document.querySelector('.out-11').innerHTML = content;
}

document.querySelector('.b-11').addEventListener('click', t11);

Дополню ответы по поводу соответствия макетам. Иногда бывает, что макеты есть, но только часть из них вычищена и доведена до совершенства - одинаковые отступы, размеры шрифтом, междустрочные интервалы и тд. А на некоторых страницах или элементах/блоках могут встречаться неточности (чуть больше паддинг с одной стороны и тд). Так вот в таких случаях pixel perfect имеет более широкое значение. Я так говорю - это когда из дизайна пиксель-в-пиксель делается стайлгайд, где все элементы одинаковы. И дальше этот стайлгайд уже используется при сборке. Потому что если у нас у кнопки паддинги 10/20, то они у всех кнопок этого типа должны быть такие, по всему сайту. Даже если дизайнер на какой-то из страниц был неаккуратен и допустил 10/19 пикселей. В подобных случаях надо делать по стайлгайду и просить передать дизайнеру, что он неряха. Говорю об этом, потому что на практике встречал верстальщиков, которые таки пилили фанатично пиксель-в-пиксель, и все погрешности дизайнера в результате превращались в кучу magic numbers в CSS.

Так ведь вы же в конце watch запускаете - вот он и следит за изменениями в файлах, а для этого скрипт, разумеется, должен быть запущен. Скорее всего, вы просто забыли обернуть watch в отдельный task и вызывать его только тогда, когда нужно.