用途:为 Laravel 项目配置 Vite 前端构建流水线,涵盖资源打包、开发热更新(HMR)、服务端渲染(SSR)、主流前端框架集成与生产构建优化。
主要能力:开发期即时 HMR;生产资源打包优化;SSR 支持;Vue、React、Svelte 集成;环境变量、预处理器、静态资源、开发服务器、构建优化、Inertia、安全(CSP nonce)与部署等主题参考。
使用方式:始终使用 laravel-vite-plugin,不直接写原生 Vite 配置;前端环境变量使用 VITE_ 前缀;模板中用 @vite 指令而非手写 script 标签;部署前在 CI/CD 执行 npm run build;Docker 下设置 server.host: '0.0.0.0'。常用命令:npm run dev、npm run build、npm run preview。基础配置示例:import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [laravel({ input: ['resources/css/app.css', 'resources/js/app.js'], refresh: true })] });
适用场景:Laravel 前端资源构建、需要 SEO 或快速首屏时评估 SSR/Inertia、多入口打包、Sass/Less/PostCSS 预处理、生产部署与 CDN。
限制与注意:不要通过 VITE_ 变量暴露敏感数据;不要忘记部署前构建;避免资源绝对路径;暂未提供具体收费与价格信息。资料还提到 Laravel 13 骨架自带 laravel-vite-plugin ^3.1(当前 3.2,peer vite ^8)、Vite 8 与 @tailwindcss/vite ^4,以及自托管字体、Vite::devServerUrl() 等说明。