使用 Laravel 9 (Vite) 安装 font-awesome

Question

我正在使用 Laravel 9，它不再使用 mix，但是 vite，为了捆绑资源，我也没有使用任何预处理器，如 sass 或更少，并且对它们一无所知。

互联网上关于添加很棒的字体的所有文本均适用于 Laravel 8 及以下版本，但未使用 vite。此外，他们都要求我将 font Awesome 包放入 app.sass 文件中，但我没有，并且不确定如何安装和使用。

我是一名学生，正在开发用于离线演示的应用程序，因此不允许使用 CDN。

有人可以解释一下在没有 sass 和 vite 的情况下安装 font Awesome 的过程吗？或者如果 sass 是必须的，请简单地向我解释一下，它是什么，我如何安装它并使用它。

提前致谢。

Answer 1

添加 fontawesome 库

npm install @fortawesome/fontawesome-free

在文件 /resources/css/app.css 中：

@import "@fortawesome/fontawesome-free/css/all.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

然后运行

npm run build or npm run dev

Answer 2

所以我想通了。事实证明，就像跑步一样简单

npm install @fortawesome/fontawesome-free

然后添加

@import "@fortawesome/fontawesome-free/css/all.css";

到您的 app.css 文件。然后您可以继续使用

<i class="fa-solid fa-cart-shopping"></i>

和你的代码类似。