Laravel-стартер-кіти тепер використовують Vite+

Кожен стартер-кіт Laravel тепер використовує Vite+ - уніфікований набір інструментів, випущений у бета-версії 2 липня 2026 року. Про перехід оголосив Taylor Otwell у X:

Усі стартер-кіти Laravel тепер постачаються з Vite+.

Зміни внесено у laravel/maestro#60 автором Wendell Adriel, і того ж дня Maestro синхронізував оновлення у репозиторії для React, Vue, Svelte та Livewire. Pull request торкається всіх варіантів стартер-кітів і фіксує версію vite-plus на 0.3.0.

Vite+ - це єдина CLI під назвою vp, що об'єднує Vite, Rolldown, Vitest, tsdown, Oxlint, Oxfmt і Vite Task, керуючи також середовищем виконання та менеджером пакетів. Для стартер-кітів практичний результат полягає в тому, що ESLint і Prettier більше не є частиною налаштувань фронтенду.

Чотири команди стають двома

Інерційні кіти раніше мали окремі скрипти lint, lint:check, format і format:check. Тепер вони згортаються в vp check, який форматує через Oxfmt, перевіряє за допомогою Oxlint і виконує перевірку типів за один прохід:

"scripts": {
  "build": "vp build",
  "build:ssr": "vp build && vp build --ssr",
  "dev": "vp dev",
  "check": "vp check",
  "check:fix": "vp check --fix",
  "types:check": "tsc --noEmit"
}

composer ci:check йде тим самим шляхом, запускаючи npm run check замість послідовного виконання npm run lint:check і npm run format:check.

Видалення старого набору інструментів призвело до усунення eslint.config.js, .prettierrc і .prettierignore з кожного Inertia-кіту, а також близько дюжини devDependencies: eslint, typescript-eslint, prettier, prettier-plugin-tailwindcss, плагінів ESLint для React, Vue, Svelte та imports, а також globals. Лише React-кіт позбувся 129 рядків конфігурації ESLint.

Правила лінтингу та форматування переміщено у vite.config

Після видалення окремих конфігураційних файлів правила тепер знаходяться у vite.config.ts під ключами lint і fmt. Попередження розглядаються як помилки, а перевірка типів увімкнена:

import { defineConfig, lazyPlugins } from 'vite-plus';

export default defineConfig({
  plugins: lazyPlugins(() => [
    // ...
  ]),
  lint: {
    ignorePatterns: [
      'vendor/**',
      'bootstrap/ssr/**',
      'resources/js/actions/**',
      'resources/js/components/ui/*',
      'resources/js/routes/**',
      'resources/js/wayfinder/**',
    ],
    options: {
      denyWarnings: true,
      typeAware: true,
    },
  },
  fmt: {
    printWidth: 80,
    tabWidth: 4,
    singleQuote: true,
    semi: true,
    sortTailwindcss: {
      functions: ['clsx', 'cn', 'cva'],
      entryPoint: 'resources/css/app.css',
    },
  },
});

Зміни для окремих стеків

React-кіт перейшов на @vitejs/plugin-react версії 6 і тепер запускає React Compiler через @rolldown/plugin-babel замість опції babel плагіна:

import babel from '@rolldown/plugin-babel';
import react, { reactCompilerPreset } from '@vitejs/plugin-react';

// ...
react(),
babel({
  presets: [reactCompilerPreset()],
}),

Svelte-кіт замінив lucide-svelte на підтримуваний пакет @lucide/svelte. Livewire-кіт отримав найменші зміни серед чотирьох, оскільки не має TypeScript для перевірки: змінено два файли, переведено dev і build на vp і обгорнуто плагіни у lazyPlugins().

Як спробувати

Нові додатки, згенеровані зі стартер-кітів, автоматично отримують цю зміну. Щоб перенести існуючий Vite-проєкт, VoidZero надає команду міграції:

vp migrate

Посібник з міграції зазначає, що складні проєкти можуть потребувати ручного доопрацювання, тому прочитайте його перед запуском команди на продакшн-коді.

Повний diff доступний у laravel/maestro#60, а документація Vite+ розміщена на viteplus.dev.