Как соединить любое число файлов js в 1?

Question

[urajo]

Хочу сделать, что-то типа мини библиотеки.
В каждом файле свои функции отвечающие за разные вещи, нужно собрать это в 1 бандл.
Как это лучше сделать?
ПРосто импорт не подходит, т.к что бы код попал в сборку, помимо импорта нужно функцию вызвать

Comments

[Сергей Соколов]

покажите упрощённый пример сложного случая: как выглядит код сейчас в отдельном файле, и как его хотите использовать потом «из библиотеки».

[urajo]

Сергей Соколов,

function mask(item){
  item.forEach(function(input) {
let keyCode;
function mask(event) {
    if(event.keyCode) keyCode = event.keyCode
  
    const pos = this.selectionStart;

    if (pos < 3) event.preventDefault();
  
   const matrix = "+7 (___) ___-__-__";
   let i = 0;
   const def = matrix.replace(/\D/g, "");
   const val = this.value.replace(/\D/g, "");
   let new_value = matrix.replace(/[_\d]/g, function(a) {
            return i < val.length ? val.charAt(i++) || def.charAt(i) : a
        });
  
    i = new_value.indexOf("_");
   
    if (i != -1) {
        if(i < 5) i = 3;
        new_value = new_value.slice(0, i)
    }
    let reg = matrix.substr(0, this.value.length).replace(/_+/g,
        function(a) {
            return "\\d{1," + a.length + "}"
        }).replace(/[+()]/g, "\\$&");
    reg = new RegExp("^" + reg + "$");
    if (!reg.test(this.value) || this.value.length < 5 || keyCode > 47 && keyCode < 58) this.value = new_value;
    if (event.type == "blur" && this.value.length < 5)  this.value = ""
}

input.addEventListener("input", mask, false);
input.addEventListener("focus", mask, false);
input.addEventListener("blur", mask, false);
input.addEventListener("keydown", mask, false)

});

}

использовать - как jq, подключить к странице, а в файле script.js вызвать нужную функцию и передать параметры

[Сергей Соколов]

может, просто добавить window.mask = mask; или globalThis.mask = mask; — т.е. сделать главную функцию свойством глобального объекта.

Но код далек от совершенства и нуждается в переписывании. Например, неудачно именование нескольких функций одинаково "mask".