Cadangan sambungan Laravel: pakej vite-plugin menggunakan Vite untuk melaksanakan muat semula panas

Artikel ini akan berkongsi dengan anda sambungan Laravel: pakej vite-plugin Ia akan memperkenalkan cara menggunakan Vite dalam Laravel Blade untuk melaksanakan muat semula panas.

Pasukan Laravel telah mengemas kini pakej Laravel pihak pertama vite-plugin untuk menyokong muat semula halaman penuh apabila templat bilah/fail sewenang-wenangnya berubah. Apabila anda mengedit templat bilah yang diubah (atau mana-mana fail lain yang anda konfigurasikan), Vite akan memuatkan semula keseluruhan halaman. Tiada lagi penyemak imbas manual menyegarkan semasa pembangunan!

Apabila memasang projek Laravel baharu, konfigurasi asas dalam fail vite.config.js anda akan kelihatan seperti ini:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

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

Coretan kod di atas disertakan dengan aplikasi Laravel serba baharu; Tidak perlu melakukan apa-apa untuk mendapatkan tambah nilai panas untuk bekerja pada projek baharu.

NOTA refresh Konfigurasi - Apabila ditetapkan kepada true, pemalam Laravel Vite akan menyegarkan halaman apabila anda mengemas kini fail dalam laluan berikut:

routes/**
resources/views/**

Konvensyen ini mungkin terpakai untuk kebanyakan projek, tetapi jika anda ingin memasukkan laluan atau fail lain, anda boleh mengkonfigurasi sifat muat semula:

 import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js'
            ],
            refresh: [
                'resources/routes/**',
                'routes/**',
                'resources/views/**',
            ],
        }),
    ],
});

Untuk butiran lanjut tentang pilihan konfigurasi, lihat Menggunakan Blade dalam dokumentasi rasmi Templat dan penghalaan.

Cubalah

Mari sediakan aplikasi Laravel demo untuk menunjukkan muat semula panas. Mula-mula, mari buat projek demo baharu:

laravel new blade-hot-reload --git
cd blade-hot-reload

Selepas memasang projek, tambahkan perkara berikut pada resources/views/ dalam fail welcome.blade.php: <head/>

@vite('resources/js/app.js')

Seterusnya, anda perlu memasang kebergantungan NPM dan jalankan arahan dev:

npm install
npm run dev

Itu sahaja! Jika anda membuat perubahan pada fail atau laluan Blade, anda akan melihat sesuatu yang serupa dengan yang berikut dalam konsol:

Sebarang perubahan yang anda buat hendaklah ditunjukkan serta-merta, bergantung pada setempat anda tetapan persekitaran pembangunan.

Semua terjemahan dalam artikel ini adalah untuk tujuan pembelajaran dan komunikasi sahaja Apabila mencetak semula, sila pastikan anda menunjukkan penterjemah, sumber dan pautan ke artikel ini

Kerja terjemahan kami mematuhi
Perjanjian CC Jika kerja kami melanggar hak anda, sila hubungi kami tepat pada masanya.

---

Alamat asal:

https://laravel-news.com/laravel-blade-h...

Alamat terjemahan:

https://learnku.com/laravel/t/69811

Atas ialah kandungan terperinci Cadangan sambungan Laravel: pakej vite-plugin menggunakan Vite untuk melaksanakan muat semula panas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!