Коротка відповідь
juniorМодульне підключення скриптів – це спосіб організувати код у окремі файли, які імпортуються за потребою. У сучасних проєктах використовують бандлери, наприклад Webpack або Vite, що дозволяють визначити entry‑point і автоматично створювати dependency graph. Приклад: у Vite можна написати `import { createApp } from 'vue'` в `main.js`, а конфігурація `vite.config.ts` задає `build.rollupOptions.input = 'src/main.js'`, що генерує оптимізований bundle.
Повне пояснення
Модульне підключення – це принцип розбиття програми на незалежні частини, що спрощує підтримку і тестування. Бандлери збирають ці модулі в один або кілька файлів, що зменшує кількість HTTP‑запитів і дозволяють застосовувати оптимізації (tree shaking, code splitting). У Vite/webpack можна налаштувати loaders для різних типів файлів (JS, TS, CSS, images) і використовувати plugins для автогенерації HTML або підтримки HMR. Приклад конфігурації Vite показує, як вказати entry‑point і розпакувати залежності у bundle.