Laravel团队一直在努力为Laravel整合Vite。从本周开始, Vite已经成为新的Laravel项目中默认的前端资产捆绑器, Breeze和Jetstream也有更新:
今天,我们很高兴地宣布,新的Laravel项目使用Vite来捆绑前端资产。Breeze和Jetstream也已经更新。🔥
在使用新的Breeze / Vite堆栈与Inertia Vue或React时,体验到闪电般的热模块替换。⚡
Taylor Otwell分享了在新项目中试用Vite的最快方法,如果你想获得Vite捆绑资产的速度演示。
laravel new breeze-test --git
cd breeze-test
composer require laravel/breeze
php artisan breeze:install vue
npm install
npm run dev
使用Laravel Breeze是开始使用Vite的推荐方式,因为它提供了前端和后端的认证脚手架和工具,如Tailwind, Inertia, 和Vite。
运行上述代码后,Vite会在你的终端前台构建开发资产并等待变化。

主app.blade.php 布局现在将有一个@vite 指令,并在开发过程中渲染以下HTML。
<script type="module" src="http://127.0.0.1:3000/@vite/client"></script>
<script type="module" src="http://127.0.0.1:3000/resources/js/app.js"></script>
当你对Vue文件进行修改时,你会看到类似以下的输出,表明更新的构建。
9:41:12 PM [vite] hmr update /resources/js/Pages/Auth/Login.vue
hmr update /resources/css/app.css (x4)
HMR输出是 "热模块替换",它在开发过程中提供了近乎即时的构建时间。这些更新是如此之快,以至于我一开始都不敢相信,这有助于你在进行前端修改时进入一个高效的流程。在你工作的时候,你会看到更新在浏览器中自动发生,这是一种奇妙的体验
随着Vite的更新,Laravel文档中有一个前端文档页面,让你对Laravel应用程序的所有前端选项有一个完整的概述。
让Vite成为默认版本是一个巨大的成就,也是推动Laravel前进的一步。祝贺所有参与其中的人!