Laravel mix
- 1. BELAJAR LARAVEL 5 PROGRESS DEV 1st Gen
- 2. WORK WITH FRONTEND Laravel Mix
- 3. SEBELUM MASUK KE LARAVEL MIX, DIHARAPKAN SUDAH MEMAHAMI BLADE TEMPLATING Ini link materi blade template pada pertemuan waktu itu /progress_stikombali/progress-dev-basic-laravel-53- part-2
- 4. FOLDER STRUCTURE Foldering untuk backend Master layout (frontend&backend) Frontend template/page
- 5. LARAVEL MIX https://laravel.com/docs/5.4/mix Secara sederhana laravel mix berfungsi sebagai asset management untuk css dan javascript Menggunakan nodejs sebagai mesinnya Menggunakan webpack untuk mengontrol build css & jsnya Untuk menggunakan harus menginstall nodejs Setelah diinstall, di command prompt silahkan masuk ke direktori project dan ketikan perintah npm install Jika sudah berhasil maka struktur project akan bertambah dengan tambahan folder baru bernama node_modules Semua assets css/js disimpan didalam node_modules, kita tinggal memanggil package yang dibutuhkan melalui webpack
- 6. Penggunaan Laravel Mix Diimport langsung dari folder node_modules NB : file yg diimport harus berformat .scss Pada file _variables.scss hanya menyimpan variable global seperti warna ataupun standar margin/padding. Dan semua variable bisa dipanggil di semua file scss lainnya
- 7. Penggunaan Laravel Mix webpack.min.js File webpack.min.js dapat ditemukan di root folder project kalian, cara penggunaan ada di docs laravel Untuk mengimport langsung dari node_modules Import dari folder assets Type-type assets yg akan dieksekusi Untuk mengeksekusi/build assetsnya, cukup ketikan perintah npm run dev di cmd kalian, kemudian ketikan perintah npm run watch untuk build otomatis setiap perubahan css yang kita buat, lebih lanjut cek dokumentasinya Lokasi penyimpanan hasil build
- 8. Hasil Build import ke Master Layout