Как правильно организовать подключение файлов в JS?

Question

[Architecktor13347]

Собираю js-скрипты через webpack. Для каждой страницы организую свой базовый файл, в котором подключаю готовые куски кода, и этот файл уже собирается в конечный скрипт для отправки на клиент. Проблема в том, что разные пакеты могут требовать подключения одних и тех же кусков кода. Как правильно организовать подключение?
1) Через import или require?
2) Все требуемые зависимости подключать в базовом файле или в каждом файле, у которого есть зависимости, делать подключение каждой из них?

Comments

[Architecktor13347]

Реализовал подключение при помощи следующих функций

let required = [];

function requireModule(moduleName) {
    if (-1 === required.indexOf(moduleName)) {
        require('./' + moduleName);
        required.push(moduleName);
    }
}

function requireModules(modules) {
    for (let i = 0, cnt = modules.length; i < cnt; i++) {
        requireModule(modules[i]);
    }
}

Answer 1

[alex]

webpack.js.org/guides/code-splitting/

Comments

[Architecktor13347]

Спасибо, нашёл там решение