Почему в современном Frontend практически всегда используется сборщик

Сборщики (Webpack, Vite, Rollup и др.) решают несколько ключевых задач: 1. **Оптимизация** – минификация, tree-shaking, code splitting, сжатие ресурсов 2. **Поддержка современных стандартов** – транспиляция (Babel), PostCSS, обработка новых форматов (SASS, TypeScript) 3. **Организация кода** – модульная система, зависимости, env-переменные 4. **Dev Experience** – hot reload, source maps, dev server Пример без сборщика vs с Webpack: ```html ``` ```js // С Webpack import $ from 'jquery'; import './styles.scss'; // SCSS → CSS // Современный JS (ES6+) → ES5 через Babel export default function Component() {...} ``` Без сборщика сложно поддерживать большие проекты и использовать современные инструменты.