Advanced Configurations Development Tutorials, Guides & Insights

Open the vite.config.js file in the root of your project. By default, Vite is configured for general frontend asset management. Let’s modify it to work with React:

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

   export default defineConfig({
       plugins: [
           laravel({
               input: ['resources/css/app.css', 'resources/js/app.jsx'],
               refresh: true,
           }),
           react(),
       ],
   });