В общем-то ответ уже давно изобретен. Это сборщики проектов. Для совсем полной автоматизации, то есть прописали в проекте "import 'bootstrap'" и он сам подключился -
parcel, в остальном будет более чем достаточно
webpack. Как это работает? В документации и на ютубе есть подробные гайды по настройке, по сути сборщик проектов превращает весь ваш огромный декомпозированный на логические модули проект в один файл - bundle.js (классическое название). Далее этот файл подключается в index.html и вуаля – полностью рабочий проект в одном файле со стилями и логикой. Также не забывайте о пакетных менеджерах –
npm или
yarn, они предоставляют удобные команды для автоматической установки/обновления всех нужных пакетов, которые вы можете в последствии импортировать в проект из папки node_modules, куда они устанавливаются. Сохраняется все в package.json, там же обычно и содержится информация о проекте.
Сложный
Средний
