1 year ago

https://dev.to/sureshramani https://vitejs.dev/ is the Next Generation Frontend Tooling, which is Laravel's default from now on. https://vitejs.dev/ is a build tool created by Evan You (creator of Vue) which utilizes the availability of native ES modules in the browser.

It is already enough for me to be Laravel's new default front-end bundling, but let's also talk about some details.

import laravel from 'laravel-vite-plugin' import {defineConfig} from 'vite' export default defineConfig({ plugins: [ laravel([ 'resources/css/app.css', 'resources/js/app.js', ]), ], }); This is where we use the vite and laravel-vite-plugin packages, and we also define our asset paths. Create a vite.config.js file in the root of your project: import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel([ 'resources/css/app.css', 'resources/js/app.js', ]), ], }); #using-vite-in-your-templates Using Vite In Your Templates