Blade Templates Development Tutorials, Guides & Insights

<p>{{ __('messages.welcome') }}</p>

Now your app will show different text depending on the selected language!

npm install

Define build in webpack.mix.js:

In production, Laravel will automatically serve the compiled assets when you use the @vite directive in your Blade templates. This ensures that your application loads optimized, versioned files.

Vite supports a wide range of plugins that can extend its functionality. For example, you can add TypeScript support or integrate with PWA (Progressive Web App) features:

By default, Vite outputs compiled assets to the public/build directory. You can change this by modifying the build configuration:

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