JS код не работает после webpack

JS код, который работает до сборки webpacka (GULPa), не работает (простите за тавтологию) после, выдает ошибку:

Uncaught ReferenceError: paragraph is not defined at activeParagraph at activeElems at HTMLDivElement.eval

Другой же JS код после сборщика нормально функционирует.

Сам JS код:

export function products () {
    
const paragraphs = document.querySelectorAll('.products__paragraph'),
    subParagraphs = document.querySelectorAll('.products__subparagraphBlock'),
    slides = document.querySelectorAll('.products__slide'),
    withSubs = document.querySelectorAll('.withSub');
let index = 0;
let subIndex = 0;

const activeSlide = n => {
    for (slide of slides) {
        slide.classList.remove('activeSlide');
    }
    slides[n].classList.add('activeSlide');
};

const activeParagraph = ind => {
    for (paragraph of paragraphs) {
        paragraph.classList.remove('active');
    }
    paragraphs[ind].classList.add('active');
};

const activeSubParagraph = index => {
    for (subParagraph of subParagraphs) {
        subParagraph.classList.remove('show');
    }
    
    if (index < 3) {
        subParagraphs[index].classList.add('show');
    }
};

const activeElems = (ind) => {
    activeParagraph(ind);
    activeSlide(ind);
};

paragraphs.forEach((item, indexParagraph, subIndexParagraph) => {
    item.addEventListener("click", () => {
        index = indexParagraph
        activeElems(index);
    });
});

withSubs.forEach((item, subIndexParagraph) => {
    item.addEventListener("click", () => {
        subIndex = subIndexParagraph;
        activeSubParagraph(subIndexParagraph);
    });
});
}

С чем это может быть связано?