Pembangunan Laravel: Bagaimana untuk menyusun aset bahagian hadapan menggunakan Laravel Mix?

Laravel ialah rangka kerja PHP yang sangat popular Fungsinya yang berkuasa dan seni bina yang fleksibel telah menarik perhatian ramai pembangun. Antaranya, Laravel Mix ialah alat bahagian hadapan yang berkuasa Laravel, yang boleh membantu kami memproses sumber bahagian hadapan dengan lebih mudah. Jadi, bagaimana untuk menyusun aset bahagian hadapan menggunakan Laravel Mix? Seterusnya, kami akan memperkenalkan cara menggunakan Laravel Mix secara terperinci.

1. Memasang Laravel Mix dalam Laravel

Mula-mula, kita perlu memasang Laravel Mix dalam Laravel. Kita boleh memasangnya menggunakan arahan berikut:

npm install --save-dev laravel-mix

Perintah ini akan memasang Laravel Mix dalam projek.

2. Tulis fail Webpack.mix.js

Selepas memasang Laravel Mix, kita perlu menulis fail Webpack.mix.js. Fail ini mengandungi tugasan dan tetapan yang ingin kami jalankan, seperti fail JS dan CSS yang ingin kami susun, pemalam yang digunakan, direktori output, dsb.

Kami mencipta fail Webpack.mix.js baharu dan menulis kandungan berikut:

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

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

Di sini, kami menggunakan JavaScript dan SASS, dua bahasa pengaturcaraan bahagian hadapan. Kita boleh ubah suai mengikut keperluan sebenar.

3. Jalankan arahan kompilasi

Selepas menulis fail Webpack.mix.js, kita boleh menjalankan arahan kompilasi. Kita boleh menggunakan arahan berikut untuk menjalankan kompilasi:

npm run dev

Perintah ini akan secara automatik menyusun sumber yang kami sediakan, termasuk fail JavaScript dan SASS.

4. Pilihan kompilasi tambahan

Laravel Mix juga menyokong banyak pilihan kompilasi tambahan. Sebagai contoh, kita boleh menggunakan arahan berikut untuk mendengar perubahan dalam semua fail secara automatik dan melaksanakan kompilasi masa nyata:

npm run watch

Selain itu, kami juga boleh menggunakan arahan berikut untuk membungkus kod:

npm run production

Ini akan menjadikan semua Sumber disusun dan dimampatkan pada tahap pengeluaran untuk meningkatkan prestasi tapak web dan kelajuan pemuatan.

Ringkasan

Dalam artikel ini, kami memperkenalkan cara menyusun aset bahagian hadapan dalam Laravel menggunakan Laravel Mix. Laravel Mix menyediakan alat yang sangat mudah untuk mengurus sumber bahagian hadapan, mengurangkan beban kerja bahagian hadapan kami. Saya harap artikel ini dapat membantu semua orang menggunakan Laravel Mix dengan lebih baik.

Atas ialah kandungan terperinci Pembangunan Laravel: Bagaimana untuk menyusun aset bahagian hadapan menggunakan Laravel Mix?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!