Хочется, чтобы на этапе сборки был создан сразу же один правильный бандл
this.api.replace(new RegExp(`\\b(${word}[a-z]*)\\b`, 'ig'), '<b>$1</b>')\\b - граница слова (двойной слэш - потому что используем не литерал регулярного выражения, а строку, надо делать экранирование), затем искомое слово берём как оно есть, [a-z] соответствует любому символу из указанного интервала, * - предыдущее выражение повторяется произвольное количество раз (включая и 0); второй параметр - i означает нечувствительность к регистру, g - поиск осуществляется по всей строке, а не только до первого совпадения
Как может выглядеть удаление нескольких классов?
element.classList.remove('class-1', 'class-2', 'class-3');И как удаление всех классов кроме одного?
element.className = 'класс, который удалять не надо';\n интерпретируется как новая строка, будучи помещённым в строковый литерал, но не для значений, получаемых из полей ввода. Либо заменяйте \n на новые строки, либо делайте из введённой строки регулярное выражение.
const $elems = $('.progress-second-build, .progress-new-build, .progress-commerce-build');
let i = -1;
(function animateNext() {
$elems.eq(i = (i + 1) % $elems.length)
.animate({ opacity: '1' }, 0)
.animate({ width: '100%' }, 4000)
.animate({ opacity: '0.5' }, 200)
.animate({ width: '0%' }, 0, animateNext);
})();