Необходимые инструменты для сборки Svelte-приложения
Подготовка окружения
Прежде чем погружаться в то, как работает Svelte компиляция, важно понять, какие инструменты необходимы для сборки приложения. В отличие от традиционных фреймворков, Svelte — это компилятор, а не библиотека времени выполнения. Это означает, что компонентный код преобразуется в чистый JavaScript ещё до того, как попадёт в браузер. Чтобы начать, потребуется Node.js, а также менеджер пакетов — чаще всего используется npm или yarn. Установка Svelte осуществляется через CLI SvelteKit или вручную через шаблонный проект.
Основные зависимости
Для корректной сборки проекта на Svelte важно подключить следующие модули:
- svelte/compiler — основной механизм трансформации компонентов в JavaScript
- vite или rollup — сборщики, обеспечивающие интеграцию с Svelte
- плагины для Vite или Rollup — например, `@sveltejs/vite-plugin-svelte` для корректной компиляции `.svelte` файлов
Svelte для начинающих особенно удобен тем, что большинство этих зависимостей уже включены в шаблон проекта, и новичку не нужно разбираться с конфигурацией с нуля.
Поэтапный процесс компиляции Svelte
Анализ и парсинг шаблонов
Первый этап процесса — это парсинг файлов с расширением `.svelte`. Каждый такой файл содержит три основных блока: `
