资产捆绑是现代Web开发的核心组成部分，有助于优化和管理CSS，JavaScript和其他资源。多年来，Laravel Mix简化了此过程，但是随着JavaScript工具的发展，Laravel已转变为Laravel 11中的默认值。 为什么Laravel做了此开关？

[2

性能和速度

---

Vite专注于两件事：开发速度和生产绩效。如果您厌倦了等待构建，Vite的即时反馈将感觉像是新鲜空气的呼吸。使用热模块替换（HMR）

[Vite的开发服务器实时提供更改，因此您可以立即看到更新，而无需完整页面刷新。这种直接的反馈创造了更快，更有趣的发展体验。 [2 Laravel Mix使用此方法，它需要大量的初始捆绑时间，在服务器准备就绪之前会延迟。 [2 这种基于ESM的方法的开发速度要快得多，因为它避免了完整的捆绑过程。 Vite使用此方法，使开发人员可以立即看到更改而无需等待完整的捆绑。

（这些图片来自Vite的官方文档）

为了生产生产，Vite使用卷盘用作其捆绑器，优化和缩小代码以确保快速性能。这使Vite能够提供两全其美的最好的：在编码过程中进行速度的No-Bundle开发，而传统的捆绑进行了优化的生产构建。 [2 现代JavaScript支持

摇动

汇总，Vite生成了优化的生产捆绑包，删除未使用的代码并根据需要拆分资产。这会导致较小，更快的负载捆绑包，从而增强您的应用程序性能。
增强的开发人员体验

Vite的配置过程非常简单。与WebPack不同，配置可以变得密集且复杂，Vite的文件都易于读取和自定义，即使您没有丰富的Bundler经验。
加上Vite的构建，可与Vue和React等流行框架无缝地工作。由于这些框架也从Vite的HMR和优化的开发环境中受益，因此您可以在前端较重的Laravel项目上更有效地工作。 [2

未来的防护和社区采用

JavaScript生态系统正在快速发展，Vite获得了坚实的立足点。它被广泛采用和支持，拥有一个庞大的活跃社区，可带来持续的改进和丰富的插件资源。 Vite的设计与前端开发的发展方向非常相吻合，如果您想对未来的项目进行防护，则可以成为明智的选择。

拉拉维尔（Laravel）采用Vite的决定表明了与现代标准的明确一致，将您的Laravel项目定位为与最新的前端技术保持兼容。

拉维尔整合

Laravel的vite插件

包括@vite for blade模板等方便的助手函数，自动处理资产版本和cache busting。使用Just @vite（'Resources/CSS/App.css'），您可以链接CSS文件，而不必担心过时的高速缓存问题。

您可以为Laravel Vue项目设置Vite.config.js：

从'vite'import {decteconfig}; 从'@vitejs/plugin-vue'导入vue; 导出默认decteConfig（{ 插件：[vue（）]， }）; ，然后在刀片中： @vite（'Resources/CSS/App.css'）

您好，Vite！