У вас есть несколько вариантов в зависимости от того, какие браузеры вы поддерживаете.
Возможно, вы сможете использовать встроенную поддержку модулей. Вы можете найти дополнительную информацию об этом в https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules. Это было бы одним из более простых решений, поскольку оно не требует дополнительных инструментов, но в настоящее время поддержка за пределами chrome не очень хорошая.
Вторая альтернатива - разбить код на несколько файлов JS и просто загрузить их все по отдельности. Это может сказаться на производительности, но если ваши файлы маленькие и их мало, это не вызовет слишком много проблем. Просто убедитесь, что код, созданный в этих файлах, помещается в объект имени, чтобы избежать конфликтов.
Ex файл
(function() {
window.mycode = {};
window.mycode.func = function() {...};
})();
Третий вариант - использовать существующий загрузчик модулей в браузере, например as https://requirejs.org/
Четвертый вариант, который, вероятно, является наиболее распространенным, - это интегрировать этап сборки в ваш код, который использует npm и загрузчик модуля, такой как webpack или browserify . Это также позволяет интегрировать babel, что очень часто встречается среди больших проектов javascript. Обратной стороной является добавление шага к вашему развертыванию, который необходимо запустить, и вам нужно научиться использовать такие инструменты, как webpack (что на удивление сложно). Однако, если вы занимаетесь разработкой javascript, со временем вам нужно будет с ними познакомиться.