3. SEBELUM MASUK KE LARAVEL MIX, DIHARAPKAN
SUDAH MEMAHAMI BLADE TEMPLATING
Ini link materi blade template pada pertemuan waktu itu
https://www.slideshare.net/progress_stikombali/progress-dev-basic-laravel-53-
part-2
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 “mesin”nya
■ 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
