Laravel Mix vs Vite: Mengapa Laravel Beralih kepada Vite-tutorial php-php.cn

Laravel Mix vs Vite: Mengapa Laravel Beralih kepada Vite

Linda Hamilton

Lepaskan： 2024-11-10 06:37:02

asal

369 orang telah melayarinya

Penggabungan aset ialah bahagian teras pembangunan web moden, membantu mengoptimumkan dan mengurus CSS, JavaScript dan sumber lain. Selama bertahun-tahun, Laravel Mix memperkemas proses ini, tetapi apabila alat JavaScript berkembang, Laravel telah beralih kepada Vite sebagai lalai dalam Laravel 11.

Jadi mengapa Laravel membuat suis ini?

Laravel Mix vs Vite: Why did Laravel Transitioned to Vite

Prestasi dan Kepantasan

Vite memfokuskan pada dua perkara utama: kelajuan pembangunan dan prestasi pengeluaran. Jika anda bosan menunggu binaan, maklum balas segera Vite akan terasa seperti menghirup udara segar. Dengan Penggantian Modul Panas (HMR), pelayan pembangunan Vite menyampaikan perubahan dalam masa nyata, jadi anda boleh melihat kemas kini serta-merta, tanpa muat semula halaman penuh. Maklum balas segera ini mewujudkan pengalaman pembangunan yang lebih pantas dan menyeronokkan.

Laravel Mix vs Vite: Why did Laravel Transitioned to Vite
Laravel Mix menggunakan pendekatan ini dan ia memerlukan masa penggabungan awal yang ketara, mengakibatkan kelewatan sebelum pelayan sedia.

Laravel Mix vs Vite: Why did Laravel Transitioned to Vite
Pendekatan berasaskan ESM ini jauh lebih pantas dalam pembangunan, kerana ia mengelakkan proses penggabungan penuh. Vite menggunakan pendekatan ini, membenarkan pembangun melihat perubahan serta-merta tanpa menunggu satu himpunan penuh.

(gambar adalah daripada dokumentasi rasmi Vite)

Untuk binaan pengeluaran, Vite menggunakan Rollup sebagai pengikatnya, mengoptimumkan dan mengecilkan kod anda untuk memastikan prestasi pantas. Ini membolehkan Vite menawarkan yang terbaik dari kedua-dua dunia: pembangunan tanpa himpunan untuk kelajuan semasa pengekodan dan penggabungan tradisional untuk binaan pengeluaran yang dioptimumkan.

Laravel Mix vs Vite: Why did Laravel Transitioned to Vite

Sokongan Javascript Moden

Vite juga cemerlang dalam gegaran pokok dan pemisahan kod. Dengan memanfaatkan Rollup, Vite menghasilkan himpunan pengeluaran yang dioptimumkan, menanggalkan kod yang tidak digunakan dan memisahkan aset mengikut keperluan. Ini menghasilkan himpunan yang lebih kecil dan dimuatkan dengan lebih pantas yang meningkatkan prestasi apl anda.

Pengalaman Pembangun yang Dipertingkatkan

Proses konfigurasi Vite sangat mudah. Tidak seperti Webpack, di mana konfigurasi boleh menjadi padat dan kompleks, fail vite.config.js Vite mudah dibaca dan disesuaikan, walaupun anda tidak mempunyai pengalaman pengikat yang luas.

Selain itu, Vite dibina untuk berfungsi dengan lancar dengan rangka kerja popular seperti Vue dan React. Memandangkan rangka kerja ini juga mendapat manfaat daripada HMR Vite dan persekitaran pembangunan yang dioptimumkan, anda boleh bekerja dengan lebih cekap pada projek Laravel berat hadapan.

Laravel Mix vs Vite: Why did Laravel Transitioned to Vite

Pembuktian Masa Depan dan Penerimaan Komuniti

Ekosistem JavaScript berkembang pesat dan Vite telah bertapak kukuh. Ia diterima pakai dan disokong secara meluas, dengan komuniti yang besar dan aktif yang membawa peningkatan berterusan dan sumber pemalam yang kaya. Reka bentuk Vite selaras dengan arah pembangunan bahagian hadapan, menjadikannya pilihan bijak jika anda ingin membuktikan projek anda pada masa hadapan.

Keputusan Laravel untuk mengguna pakai Vite menunjukkan penjajaran yang jelas dengan piawaian moden, meletakkan projek Laravel anda untuk kekal serasi dengan teknologi hadapan terkini.

Integrasi Laravel

Pemalam Vite Laravel termasuk fungsi pembantu berguna seperti templat @vite untuk Blade, mengendalikan versi aset dan penghapusan cache secara automatik. Dengan hanya @vite('resources/css/app.css'), anda boleh memautkan fail CSS anda tanpa perlu risau tentang isu cache yang lapuk.

Begini cara anda boleh menyediakan vite.config.js untuk projek Laravel Vue:

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

export default defineConfig({
  plugins: [vue()],
});

Salin selepas log masuk

Dan kemudian dalam bilah:

<!DOCTYPE html>
<html>
<head>
    @vite('resources/css/app.css')
</head>
<body>
    <h1>Hello, Vite!</h1>
</body>
</html>

Salin selepas log masuk

Dan dengan sokongan dan dokumentasi rasmi Laravel yang kini tertumpu pada Vite, anda akan mendapat panduan dan sumber yang konsisten untuk membantu anda memanfaatkan alat ini sepenuhnya.

Ringkasnya, Vite membawakan ciri kelajuan, kesederhanaan dan sedia masa hadapan yang diperlukan oleh projek Laravel moden. Dengan menjadikan Vite sebagai lalai dalam Laravel 11, Laravel memperkasakan pembangun untuk membina aplikasi yang lebih pantas, lebih ramping dan lebih cekap, terutamanya apabila piawaian JavaScript dan pembangunan web terus berkembang. Selami dokumentasi rasmi Laravel untuk mendapatkan lebih banyak cerapan dan mulakan dengan Vite hari ini!

Atas ialah kandungan terperinci Laravel Mix vs Vite: Mengapa Laravel Beralih kepada Vite. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!