[voraa]

Для этого - раньше - я складывал в main дивы со всеми возможными состояниями. И делал видимым только один див, который должен быть активным на этот момент. Не знаю, делают ли так, но это вполне работало.

Можно все "дивы со всеми возможными состояниями" помещать в <template> и потом копировать нужное в главный див.
Необходимый js код можно погружать по мере необходимости, если не хотите грузить все сразу.

У меня js-код запускается как стопка функций, которые импортируются из разных модулей.

Так они все равно импортируются из какого то модуля.
И совсем не обязательно делать так, что бы код выполнялся сразу при загрузке модуля на автомате. Можно обернуть его в функцию и вызывать ее после загрузки модуля, когда требуется.
Т.е. модуль грузится один раз. А функцию вызывать каждый раз, когда вы визуализируете див, связанный с этим модулем.