花式不工作拉拉7

Question

​

​

我在Laravel 7项目工作，当我使用字体时图标不工作

我将该文件放在公共目录中，然后在app.blade.php中使用。

<link rel="stylesheet" href="{{asset('css/css/vendor/vendor.min.css')}}">

她不工作，然后我安装npm install @fortawesome/fontawesome-free命令和npm install && npm run dev，然后是npm run production，但是仍然不能工作。

sass文件

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

任何解决方案

Answer 1

由于您使用了npm run prod，所以您应该得到一个app.css或一个扩展名为CSS的文件。

您可以签入您的webpack文件，以找到CSS文件的输出。

如果您在默认的npm run prod设置基础上执行了Laravel，您应该在CSS目录中获取app.css文件，在本例中，您现在可以使用以下代码使用该文件：

<link href="{{ mix('css/app.css') }}" rel="stylesheet">

在这种情况下，强烈建议使用mix()，因为您使用的是npm run production，输出的基础是处理资源目录中的CSS和JS文件。