Pembangunan Laravel: Bagaimana untuk menyusun CSS dan JavaScript dengan Laravel Mix?

Laravel ialah rangka kerja pembangunan PHP yang popular yang boleh membantu pembangun membina aplikasi web dengan cepat. Laravel Mix ialah alat yang sangat berguna yang boleh membantu pembangun menyusun kod CSS dan JavaScript dengan mudah, sambil turut menyokong pelbagai fungsi lain.

Artikel ini akan memperkenalkan penggunaan biasa Laravel Mix dan cara menggunakannya untuk menyusun CSS dan JavaScript.

Pasang Laravel Mix

Sebelum menggunakan Laravel Mix, anda perlu terlebih dahulu memastikan bahawa Laravel telah berjaya dipasang. Jika ia belum dipasang, anda perlu memasang rangka kerja Laravel terlebih dahulu. Seterusnya, gunakan arahan berikut untuk memasang Laravel Mix:

npm install laravel-mix --save-dev

Jika anda perlu membuat Laravel Mix menyokong Sass atau Less, anda juga perlu memasang pakej npm masing-masing sass dan less. Sebagai contoh, arahan untuk memasang Sass adalah seperti berikut:

npm install sass --save-dev

Selain itu, Laravel Mix juga bergantung pada beberapa pakej npm lain, yang akan dipasang secara automatik apabila Laravel Mix dipasang.

Mengkonfigurasi Laravel Mix

Secara lalai, Laravel Mix akan mencari maklumat konfigurasi dalam webpack.mix.js fail. Konfigurasi Laravel Mix boleh ditulis menggunakan fungsi seperti mix.js() dan mix.sass(). Berikut ialah contoh mudah:

let mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

Kod di atas memberitahu Laravel Mix untuk menyusun resources/js/app.js fail kepada public/js/app.js dan resources/sass/app.scss kepada public/css/app.css. Perlu diingat bahawa folder public/js dan public/css perlu dibuat terlebih dahulu.

Mulakan Laravel Mix

Setelah konfigurasi selesai, anda boleh menjalankan Laravel Mix untuk mula menyusun kod. Jalankan sahaja arahan berikut dalam terminal:

npm run dev

Arahan ini akan menyusun semua fail CSS dan JavaScript ke dalam satu fail. Selepas penyusunan selesai, fail yang dijana boleh dilihat dalam folder public/css dan public/js.

Jika anda perlu menjalankan Laravel Mix dalam mod nyahpepijat, anda boleh menjalankan arahan berikut:

npm run watch

Arahan ini akan menonton semua fail CSS dan JavaScript untuk perubahan dan menyusun semula kod secara automatik semasa disimpan.

Kesimpulan

Laravel Mix ialah alat yang sangat mudah yang boleh membantu pembangun menyusun kod CSS dan JavaScript dengan mudah, dan juga menyokong pelbagai fungsi lain, seperti ujian automatik, kawalan versi dan menyemak imbas Penyegerakan peranti, dsb. Perlu diingatkan bahawa sebelum menggunakan Laravel Mix, anda perlu mengkonfigurasi dan memulakannya dengan betul untuk mencapai kesan kompilasi yang diharapkan.

Atas ialah kandungan terperinci Pembangunan Laravel: Bagaimana untuk menyusun CSS dan JavaScript dengan Laravel Mix?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!