Cara Menginstall Package Pada Laravel Menggunakan NPM Part 2

Posted on

Cara Menginstall Package Di Laravel Menggunakan NPM Part 2 kita akan mengerjakan koneksi bagi file font awesomenya dan kita pun akan menampilkan icon yang kita pilih.

Di framework laravel terdapat sebuah folder dengan nama node_modules folder tersebut berfungsi bagi menempatkan package-package bawaan dari laravel atau package-package yang kita install dari luar, di bahan sebelumnnya kita telah berhasil menginstall bagi font awesomenya di folder node_modules terdapat sebuah folder @fortawesome seperti dibawah ini :

Cara Menginstall Package Pada Laravel Menggunakan NPM Part 2

Berikutnya kita akan import package yang telah berhasil kita install di folder resources/sass/app.scss. file app.scss tersebut berfungsi bagi mengatur tampilan atau layout, jadi yang berhubungan dengan tampilan atau layout kita dapat import filenya di app.scss seperti dibawah ini :

Cara Menginstall Package Pada Laravel Menggunakan NPM

File-file diatas didapat dari note_modules/@fortawesome/
fontawesome-free/scss/nama file. Kemudian kita akan coba bagi memasukan icon
di tampilan blade welcome bawaan dari laravelnya seperti dibawah ini :

Cara Menginstall Package Pada Laravel Menggunakan NPM

Berikutnya kita akan mengkoneksikan file font awesomenya seperti
dibawah ini :

Cara Menginstall Package Pada Laravel Menggunakan NPM

Kemudian kita akan runing menggunakan development, yang bertujuan bagi menjalankan package yang telah kita install sebelumnya, nah silahkan teman-teman ketikan di terminalnya yaitu :

Apabila berhasil karenanya akan terlihat seperti dibawah ini :

Cara Menginstall Package Pada Laravel Menggunakan NPM

Kemudian kita akan jalankan kembali project laravelnya dengan
mengetikan :

Karenanya icon yang kita masukan di welcome.blade.php akan berhasil
tampil seperti dibawah ini :

Oke teman-teman seperti itulah pembahasan kita mengenai Cara Menginstall Package Di Laravel
Menggunakan NPM.

Semoga bermanfaat.

Terima kasih.

sumber :kursuswebprogramming.com/blog/

(Visited 3 times, 1 visits today)

Leave a Reply

Your email address will not be published. Required fields are marked *