Laravel Mix merupakan sebuah package yang dibangun menggunakan webpack, webpack tersebut merupakan sebuah module yang digunakan pada javascript yang berfungsi untuk mengabungkan semua module dan library menjadi satu file sehingga ukuran dari file tersebut menjadi lebih kecil, dan kita juga bisa membuat versioning dari masing-masing file tersebut. Nah pada tutorial kali ini kita akan membahas tentang bagaimana Cara Import Custom Css Menggunakan Laravel Mix.

Cara Import Custom Css Menggunakan Laravel Mix langkah pertama pastikan teman-teman telah mempunyai file project laravelnya, selanjutnya kita akan membuat sebuah folder baru dengan nama assets di dalam folder assets tersebut terdapat folder css dan satu file custom.css di dalam folder resources seperti dibawah ini :

Cara Import Custom CSS Menggunakan Laravel Mix.

Berikutnya pada file custom.css kita akan masukan script css yang ingin kita masukan atau tambahkan untuk contoh kali ini saya akan masukan seperti script dibawah ini :

Pada script diatas saya memasukan style css pada class container, selanjutnya kita akan include file custom.css nya pada file app.scss seperti dibawah ini :

Cara Import Custom CSS Menggunakan Laravel Mix.

Kemudian kita akan jalankan pada terminalnya dengan mengetikan php atisan serve dan npm run watch, jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini :

Cara Import Custom CSS Menggunakan Laravel Mix

Oke teman-teman itulah pembahasan kita pada tutorial Cara Import Custom CSS Menggunakan Laravel Mix.

Semoga bermanfaat.

Terima kasih.

WhatsApp chat