1. Тишина
2. Свежий воздух
3. Кофе
4. Курилка
5. ..и не отвлекать меня на всякую ерунду

В современном фронтенде модульности нет.
AMD, RequireJS, CommonJS, ES6 (он же ES2015), TypeScript итд: зело употребляют это слово, но в конечном итоге все сводится к Java-подобной системе импортов.
Хотите убедится?
--Создайте папку и с помощью npm установите туда что-то простое, но посложнее хэлло-ворда; теперь загляните в папку node_modules -- кто все эти люди?? Казалось бы простую вещь ставил, а в результате 10-ки мб кода на борту..

Компонентов тоже нет.
Angular, React -- обманывают. Особенно ангулар.
Компонент предполагает переносимость.
Попробуйте перенести что-либо более менее весомое с одного ангулар проекта на другой; я уж молчу про перенос на не ангулар проект.

В итоге пришлось писать свою систему с четким управлением зависимостями, композишн рутом итд итд.

Вобщем, если интересно, посмотрите в сторону серьезных "экосистем", таких как Java и/или C#.
Поищите по ключевым словам: dependency injection, IoC (-container), composition root итд
А на фронтенде это все даже не в зачаточном состоянии.

Да абсолютно правильно понимаете, но за такое нужно отбивать клешни.
Именно потому, что в реальной команде не все такие задофига умники, что бы понимать что же там произошло: был бы if($('.checkbox1').prop('checked') ) alert(z); вы бы не тратили лишнее время, не так ведь?
javascript.ru/boolean-operators там посмотрите "Сокращенные вычисления" (хоть и не очень внятно там и описано, но идея будет понятна)

Вебпак должен умереть.
Особенно на больших проектах.
Вот только что от него отказался в пользу галпа, который хоть и говно, но не такое вонючее как вебпак.

Для мелких, домашних проектов может и подойдет и вебпак, но он просто очень уж много на себя берет и очень уж много делает "предположений как его оно сделать лучше ибо тупой фронтендер сам не знает".

Так что галп и ручное написание задач под него (памятуя о внезапной асинхронности, нодовских потоках итп, но с этим вы столкнетесь на нетривиальных проектах)