FQSoft - Install Font Awesome di Laravel dengan Vite

Sejak laravel versi 8, Vite sudah disematkan pada laravel untuk mengoptimasi dan meminimalisasi assets. Vite befungsi untuk men-compile CSS dan JS misal Tailwind CSS dan jQuery

Pada tutorial ini kita akan mencoba install font awesome menggunakan npm dan mengcompile menggunakan vite ke folder public

npm install @fortawesome/fontawesome-free

buka file /resources/css/app.css

@import "@fortawesome/fontawesome-free/css/all.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

Menjalankan Vite

npm run dev

Karena asset diproses oleh vite maka saat develop laravel, kita harus menjalankan 2 perintah. yang pertama adalah perintah diatas dan yang kedua adalah perintah untuk menjalankan server php

php artisan serve

Compile Asset Vite

Saat hendak upload ke hosting maka asset harus di-compile terlebih dahulu

npm run build

Terima Kasih dan Semoga Bermanfaat......

Sumber : https://stackoverflow.com/questions/73288452/installing-font-awesome-with-laravel-9-vite

Blog FQSoft

Install Font Awesome di Laravel dengan Vite

Menjalankan Vite

Compile Asset Vite

Fahim