Hot Module Replacement Development Tutorials, Guides & Insights

   mv resources/js/app.js resources/js/app.jsx

Open the app.jsx file and set it up as follows:

Your Laravel application will now use Vite's HMR, making your development process faster and more efficient.

When your application is ready for deployment, you can build your assets for production:

If you need custom configurations, create a vite.config.js file in the root of your project:

   import { defineConfig } from 'vite';

   export default defineConfig({
     server: {
       port: 3000, // Change the development server port
     },
     build: {
       outDir: 'dist', // Customize the output directory
     },
     resolve: {
       alias: {
         '@': '/src', // Example of setting an alias
       },
     },
   });