Configure laravel-vite-plugin for asset bundling, HMR, and production builds.
npx skills add https://github.com/pekral/phpstan-rules --skill vite-patterns-pekral
Please help me install this Agent Skill. Skill: vite-patterns Source: https://github.com/pekral/phpstan-rules/tree/main/.claude/skills/vite-patterns Command: npx skills add https://github.com/pekral/phpstan-rules --skill vite-patterns-pekral
This Skill resolves the complexity of configuring Vite for Laravel, ensuring seamless asset bundling, HMR, and production builds without the overhead of unnecessary frameworks.
Use the vite-patterns skill to configure the laravel plugin in your vite.config.js file for your project entrypoints.
High-intent search queries and answers about installing and using this skill.
To configure Vite for Laravel, use the official laravel-vite-plugin within your vite.config.js file to define CSS and JS entrypoints. This setup standardizes asset bundling, environment variable handling, and production build pipelines.
Migrating from Laravel Mix to Vite requires wiring your CSS and JS entrypoints through the laravel-vite-plugin. You must update your asset management pipeline to use the @vite Blade directive and ensure production builds are properly hashed for cache-busting.
Yes, Vite works with Livewire and Filament. The configuration patterns ensure seamless integration, allowing you to maintain efficient asset bundling and HMR workflows while using these Laravel生态 ecosystem tools alongside the laravel-vite-plugin.
Vite HMR issues in Laravel often stem from incorrect entrypoint configuration or Blade directive usage. Ensuring the @vite directive is properly referenced and environment variables are securely handled allows the development server to apply updates correctly.
Securely handling environment variables in a Laravel Vite build requires configuring them within the vite.config.js file. The laravel-vite-plugin standardizes this setup, ensuring variables are correctly exposed during HMR and production build pipelines.
You need the @vite Blade directive in Laravel asset management to properly load your CSS and JS entrypoints. It resolves the correct paths for HMR during development and the hashed manifest files during production builds.
dnsnamdangDefine coding and configuration standards for Vue 3 and Laravel 8 elearning projects.
futureteaGenerate typed Vite configs for React and TypeScript projects.
runkidsInitialize and bundle React, Tailwind CSS, and shadcn/ui artifacts into single HTML files.
ai-enhanced-engineerConfigure Laravel Mix Webpack builds and hot reload for React SPAs.
