Cara Menginstall Package Pada Laravel Menggunakan NPM Part 2 kita akan melakukan koneksi untuk file font awesomenya dan kita juga akan menampilkan icon yang kita pilih.
Pada framework laravel terdapat sebuah folder dengan nama node_modules folder tersebut berfungsi untuk menempatkan package-package bawaan dari laravel atau package-package yang kita install dari luar, pada materi sebelumnnya kita telah berhasil menginstall untuk font awesomenya pada folder node_modules terdapat sebuah folder @fortawesome seperti dibawah ini :
Selanjutnya kita akan import package yang telah berhasil kita install pada folder resources/sass/app.scss. file app.scss tersebut berfungsi untuk mengatur tampilan atau layout, jadi yang berhubungan dengan tampilan atau layout kita bisa import filenya pada app.scss seperti dibawah ini :
File-file diatas didapat dari note_modules/@fortawesome/ fontawesome-free/scss/nama file. Kemudian kita akan coba untuk memasukan icon pada template blade welcome bawaan dari laravelnya seperti dibawah ini :
Selanjutnya kita akan mengkoneksikan file font awesomenya seperti dibawah ini :
Kemudian kita akan runing menggunakan development, yang bertujuan untuk menjalankan package yang telah kita install sebelumnya, nah silahkan teman-teman ketikan pada terminalnya yaitu :
|
1 |
npm run dev |
Jika berhasil maka akan terlihat seperti dibawah ini :
Kemudian kita akan jalankan kembali project laravelnya dengan mengetikan :
|
1 |
laravel artisan serve |
Maka icon yang kita masukan pada welcome.blade.php akan berhasil tampil seperti dibawah ini :
Oke teman-teman itulah pembahasan kita tentang Cara Menginstall Package Pada Laravel Menggunakan NPM.
Semoga bermanfaat.
Terima kasih.