Laravel 8 和字体真棒答案

【问题标题】：Laravel 8 and Font AwesomeLaravel 8 和字体真棒
【发布时间】：2021-06-04 03:46:21
【问题描述】：

我只是尝试按照以下步骤将 Font Awesome 安装到 Laravel 8 的全新安装中：https://stackoverflow.com/a/65812099/9145193

但我收到以下错误：

我该如何解决这些问题？谢谢！

【问题讨论】：

没人知道解决办法吗？
同时添加 mix.setPublicPath('public');和 mix.setResourceRoot('../'); gist.github.com/karlhillx/89368bfa6a447307cbffc59f4e10b621

标签： laravel font-awesome

【解决方案1】：

我的 app.scss 文件如下所示

// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

$fa-font-path:        "../webfonts";
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";
@import "~@fortawesome/fontawesome-free/scss/brands";
@import "~@fortawesome/fontawesome-free/scss/regular";

webpack.mix.js

let mix = require('laravel-mix');

require('laravel-mix-tailwind');
require('laravel-mix-purgecss');

mix.js('resources/js/app.js', 'public/js').version()
  .sass('resources/sass/app.scss', 'public/css').version()
    .copy(
        'node_modules/@fortawesome/fontawesome-free/webfonts',
        'public/webfonts'
    )
   .purgeCss()
  .tailwind('tailwind.config.js').version();

在刀片中

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

运行yarn dev 并完成

【讨论】：

【解决方案2】：

假设你把 FontAwesome 资源文件放在公共目录

路径：-project_root_director/public/fontawesome/css/all.css

那么你想像下面这样写

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

【讨论】：

据我所知，我不应该将资源文件放在公共目录中。
@Masea 你不应该把 php 源代码和其他敏感的东西放在那里，而不是让公众看到。字体、css、js都可以。