Asset Bundling является основной частью современной веб -разработки, помогая оптимизировать и управлять CSS, JavaScript и другими ресурсами. В течение многих лет Laravel Mix упростила этот процесс, но по мере развития инструментов JavaScript Laravel перешел к выделению в качестве дефолта в Laravel 11.

так почему Laravel сделал этот переключатель?

] Производительность и скорость

VITE фокусируется на двух основных вещах: скорость развития и производительность производства. Если вы устали ждать строительства, мгновенная обратная связь Vite будет выглядеть как дыхание свежего воздуха. С Hot Module Speection (HMR) сервер разработки Vite обеспечивает изменения в режиме реального времени, так что вы можете увидеть обновления мгновенно, без полной страницы обновления. Эта непосредственная обратная связь создает более быстрый, более приятный опыт разработки.

Laravel Mix использует этот подход, и он требует значительного начального времени объединения, что приводит к задержке, прежде чем сервер будет готов.

Этот подход на основе ESM намного быстрее в разработке, поскольку он позволяет избежать полного процесса объединения. VITE использует этот подход, позволяя разработчикам мгновенно увидеть изменения, не ожидая полного пакета.

(картинки из официальной документации Vite)

для производственных сборов Vite использует ROLLUP в качестве своего пучка, оптимизируя и министерство вашего кода для обеспечения быстрой производительности. Это позволяет VITE предложить лучшее из обоих миров: разработка без блужных положений для скорости во время кодирования и традиционного объединения для оптимизированных сборки производства.

] Современная поддержка JavaScript

VITE также преуспевает в Tree Shakiking и кодового расщепления . Используя Rollup , Vite создает оптимизированные производственные пакеты, вырезая неиспользованный код и разделяя активы по мере необходимости. Это приводит к небольшим, более быстро загружающим пакетам, которые повышают производительность вашего приложения.

] Усовершенствованный опыт разработчиков

процесс конфигурации VITE обновляется просто. В отличие от WebPack, где конфигурации могут стать плотными и сложными, файл VITE vite.config.js легко читать и настраивать, даже если у вас нет обширного опыта в борьбе.

Plus, Vite создан для беспрепятственной работы с популярными рамками, такими как Vue и React. Поскольку эти рамки также извлекают выгоду из HMR VITE и оптимизированной среды разработки, вы можете более эффективно работать над проектами Laravel, вытянувшись в фронте.

] Будущая защита и принятие сообщества

экосистема JavaScript быстро развивается, и Vite заработала твердую опору. Он широко принят и поддерживается с большим активным сообществом, которое приносит постоянные улучшения и богатый ресурс плагинов. Дизайн Veite хорошо соответствует тому, куда движется фронтальная разработка, что делает его разумным выбором, если вы хотите, чтобы ваш проект защищал.

решение Ларавела принять Veite показывает четкое согласование с современными стандартами, позиционируя ваши проекты Laravel, чтобы оставаться совместимыми с последними фронтальными технологиями.

] Интеграция Laravel

плагин Laravel's Veite включает удобные вспомогательные функции, такие как @Vite для шаблонов лезвия, автоматическая обработка версий активов и разорение кэша. С помощью просто @vite ('resources/css/app.css') вы можете связать свой файл CSS, не беспокоясь о проблемах с устаревшим кэшем.

Вот как вы можете настроить VITE.Config.js для проекта Laravel Vue:

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
});

, а затем в лезвии:
]

    @vite('resources/css/app.css')


    
Hello, Vite!

, и с официальной поддержкой и документацией Ларавела, которые теперь сосредоточены на Vite, вы найдете последовательное руководство и ресурсы, чтобы помочь вам получить максимальную отдачу от этого инструмента.

, в итоге, Vite приносит скорость, простоту и готовые к будущему функции, которые нуждаются в современных проектах Laravel. Сделав VITE по умолчанию в Laravel 11, Laravel позволяет разработчикам создавать более быстрые, более слабые и более эффективные приложения, особенно в том, что JavaScript и стандарты веб -разработки продолжают развиваться. Погрузитесь в официальную документацию Laravel для получения дополнительной информации и начните с VITE сегодня!