​

Попередні перегляди

​

Як це працює

1. Відкрийте вкладку чернетки з бічної панелі
2. Попередній перегляд запускається автоматично (або натисніть «Запустити попередній перегляд» вручну)
3. Kazzle читає lifecycle.dev з вашого kazzle.config.ts
4. Команда розробки запускається на призначеному порту
5. URL попереднього перегляду з’являється на вкладці чернетки

​

Налаштування команди розробки

import { defineConfig } from '@kazzle/app';

export default defineConfig({
  components: [
    {
      name: 'My App',
      type: 'ui',
      path: '.',
      lifecycle: { dev: 'bun run dev' }
    }
  ]
});

​

URL-адреси попередніх переглядів

http://localhost:{PORT}

​

Гарячий перезавантаження

​

Ручні елементи керування

• Запустити попередній перегляд — запускає сервер розробки, якщо він не запущений
• Зупинити попередній перегляд — завершує процес сервера розробки
• Перезапустити — зупинити + запустити (корисно після змін конфігурації)

​

Перевірка