Laravel 6 和 7 使用 Font Awesome 5(正确的方式)
构建你的webpack.mix.js配置。
mix.setPublicPath('public');
mix.setResourceRoot('../');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
通过像npm这样的包管理器安装最新的免费版Font Awesome。
npm install @fortawesome/fontawesome-free --save-dev
这个依赖项现在应该在你的package.json中。
// Font Awesome
"devDependencies": {
"@fortawesome/fontawesome-free": "^5.15.3",
在您的主 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';
编译您的资产并生成一个缩小的、可用于生产的构建。
npm run production
最后,在 Blade 模板/布局中引用生成的 CSS 文件。
<link type="text/css" rel="stylesheet" href="{{ mix('css/app.css') }}">
如何在 Laravel 8 中使用 Laravel Mix 6 安装 Font Awesome 5(正确的方法)
https://gist.github.com/karlhillx/89368bfa6a447307cbffc59f4e10b621