Как в webpack добавить active на на ссылки и div классы

Я попробовал сделать но не получилось

Это мой pug

      a(href="#!" class='active') Каркасные дома
      a(href="#!") Бани
      a(href="#!") Беседки
      a(href="#!") Бытовки
      a(href="#!") Хоз. постройки
    
      .catalog-Panel-content-info.active 
        p 1
      .catalog-Panel-content-info  
        p 2 
      .catalog-Panel-content-info  
        p 3
      .catalog-Panel-content-info  
        p 4
      .catalog-Panel-content-info  
        p 5

ЭТО JS
const links = document.querySelectorAll('.catalog-Panel-links')
const item = document.querySelectorAll('.catalog-Panel-content-info')
links.forEach(function(link, key){
  link.addEventListener('click', function(){
    for(let i = 0; i < links.length; i++){
      links[i].classList.remove('active')
      item[i].classList.remove('active')
    }
    links[key].classList.add('active')
    item[key].classList.add('active')
    console.log(links)
  })
})