Внесу свою небольшую лепту, надеюсь поможет. Пример из собственной жизни. Есть сайт, который верстали до меня с добавление всяких библиотек и т.п. Jquery, Jquery-ui, всплывахи, карусили и т.п.
В конце концов файлом многовато стало. Решили уменьшить. Я слил все эти файлы в 1, собирал с помощью webpack. 1 метр файл получился что ли. Мало, но не суть. После осмотра сайта выяснилось, что jquery-ui нужен только на 1(!) страницу. А грузился на всех. И так еще с несколькими библиотеками. И отличным решением для себя я нашел require.ensure - отложеная загрузка. И теперь все библиотеки, которые нужны только на определенных страницах грузятся только на них. ВОт.
if ( $('нужный div').length > 0 ) {
require.ensure([], require => {
var mdl = require('твой модуль');
mdl();
})
}
примерно такой код я использую.
