Laravel 5 拉威尔5.7+；象形异体字

我试图在Laravel5.7中包含字体很棒的工具包

以下是我采取的步骤：

1） 运行

npm安装--免费保存dev@fortawesome/fontawesome

2） 检查

node\u modules/

中的文件夹，一切看起来都正常

$fa-font-path: "../webfonts";

// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import '~@fortawesome/fontawesome-free/scss/solid.scss';
@import '~@fortawesome/fontawesome-free/scss/regular.scss';
@import '~@fortawesome/fontawesome-free/scss/brands.scss';

3） 然后我跑了

npm run development -- --watch

4） 我在

public/fonts/vendor/@fortawesome/fontawesome free/

中看到文件

但是，当我进入浏览器时，图标如下所示：

Laravel 5.7到7.x，使用字体Aowesome 5（正确的方式） 构建您的配置

mix.setResourceRoot（“../”；
js（'resources/js/app.js'，'public/js'）
.sass（'resources/sass/app.scss'，'public/css'）；

通过软件包管理器安装的最新免费版本，如

这个依赖项现在应该在您的应用程序中

//字体很棒
“依赖性”：{
“@fortawesome/fontawesome免费”：“^5.15.3”，

在主SCSS文件中，导入一个或多个样式

//字体很棒
@导入“~@fortawesome/fontawesome free/scss/fontawesome”；
@导入“~@fortawesome/fontawesome free/scss/regular”；
@导入“~@fortawesome/fontawesome free/scss/solid”；
@导入“~@fortawesome/fontawesome free/scss/brands”；

编译您的资产并生成一个小型的、可生产的构建

npm run production

最后，在刀片模板/布局中引用生成的CSS文件

---

更新您的webpack.mix.js配置，如下所示：

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

mix.setPublicPath('public');
mix.setResourceRoot('../');

---

在终端中键入“npm run dev”，然后按enter键，前端文件是否在fontawesome所在的公用文件夹中加载css？你好，伙计！感谢您的回答。我已经这样做了，但是：错误未能编译，出现15个错误13:30:59这些相关模块未找到：./@fortawesome//fa brands 400.eot in./node\u modules/css-loader？？ref--5-2！。/node_modules/postscs loader/lib？？postsss！。/node_modules/resolve url loader？？ref--5-4！。/node_modules/sass loader/lib/loader.js？？ref--5-5！。/resources/sass/app.scss模块构建失败中的错误：modulenotfounder:找不到模块：错误：无法解析。//@fortfa-brands.eot'in\resources\sass'…等等…谢谢！！我可以选择第一个选项，但是在一个新项目中，我不知道为什么不在另一个项目中…你知道如何删除字体Awesome的文件并重新开始吗？@Nico是的，你可以删除public/fonts/vendor.rm-rf/Users/Nico/Sites/laravel/public/fonts/vendor/@fortawe中的@fortawe/文件夹e/@whisk使用其中一种。

mix.setResourceRoot（“../”）；

为我做的

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

mix.setPublicPath('public');
mix.setResourceRoot('../');