Лично мне понравилось использование webpack. Я прописываю в конфиге все entry-файлы, а webpack потом за меня генерирует итоговый JS-файл. При этом, webpack во время генерации выдёргивает только тот код, который реально используется. Например, у меня есть файл
functions.js:
export function function1() {
alert('function 1');
}
export function function2 () {
alert('function 2);
}
Далее, я создаю файл
landing.js:
import {function1} from './functions';
function1();
После работы webpack будет создан файл, который содержит код из
landing.js и
functions.js, при этом
function2 там не будет, потому что этот код не использовался.
Посоветовать хорошее руководство по конфигурации webpack не могу, потому что я разбирался с ним сам — по документации. Сразу предупреждаю, что это не самая простая технология для освоения, и у вас может уйти несколько часов на одно только написание конфига. Но его плюсы перевешивают минусы, так что советую попробовать.
P.S. На хабре есть
много статей про webpack. Есть смысл начать поиски там. Я уверен, что среди over 900 статей там есть что-нибудь для новичков. Ну, или, гугл в помощь.
