K_Aleksey

Выбрать несколько элементов по одному селектору можно при помощи querySelectorAll().

var menuLinks = document.querySelectorAll('.nav__link')
Array.prototype.forEach.call(menuLinks, function(link){ // menuLinks - это nodeList а не массив
  link.addEventListener('click', function(){ // добавляем обработчик к каждому
    if (nav.classList.contains('nav--opened')) {
        nav.classList.remove('nav--opened');
        nav.classList.add('nav--closed');
    }
  })
})

Или можно поместить один обработчик на родителе:

document.querySelector('.nav__list').addEventListener('click', function(evt){
  if (evt.target.tagName === 'A' && nav.classList.contains('nav--opened')) {
    nav.classList.remove('nav--opened');
    nav.classList.add('nav--closed');
  }
})

Да вот ваша ошибка:

.pipe(gulp.dest("css"));
.pipe(server.reload({stream: true}));

Точку с запятой уберите после css:

.pipe(gulp.dest("css")).pipe(server.reload({stream: true}));