Laravel 5.7,5.8,6.0+和Font Awesome 5(正確方法)

Laravel 5.7,5.8,6.0+和Font Awesome 5(正確方法)
構建您的 webpack.mix.js 配置。

mix.js(‘resources/js/app.js’, ‘public/js’)
.sass(‘resources/sass/app.scss’, ‘public/css’);

透過 npm 之類的包管理器安裝最新免費版本的 Font Awesome .

npm install @fortawesome/fontawesome-free –save

這個依賴專案現在應該在您的 package.json 中.

// Font Awesome
“dependencies”: {
“@fortawesome/fontawesome-free”: “^5.11.2”,

在主要的 SCSS 檔案中,/resources/sass/app.scss 匯入一個或多個樣式。

// Font Awesome
@import ‘~@fortawesome/fontawesome-free/scss/fontawesome’;
@import ‘~@fortawesome/fontawesome-free/scss/regular’;
@import ‘~@fortawesome/fontawesome-free/scss/solid’;
@import ‘~@fortawesome/fontawesome-free/scss/brands’;

編譯您的資產並生成一個精簡的、可生產的構建。

copy font to public
npm run production

最後,在 Blade 模板/佈局中引用生成的 CSS 檔案。