Yarn安装后如何使用Font Awesome

How to use Font Awesome after it being installed with Yarn

我正在使用 VS 2019 进行 Core 3.1 开发,我安装了带有 Yarn 的 Font Awesome:

yarn add @fortawesome/fontawesome-free

但是,当我尝试在我的 HEAD 部分引用它时,如下所示:

<script defer src="~/lib/@fortawesome/fontawesome-free/js/all.js"></script>

我收到以下错误:

the 'fortawesome' doesnt exist in actual context

yarn、npm 等包管理器只需将包添加到您的项目中即可。他们通常还没有准备好在此时直接部署,而是需要一个构建管道来创建实际的 JS/CSS 资源。 @fortawesome/fontawesome 存储库是一个例外,因为 1) 它实际上不是一个包,并且 2) 文件已经是 "built"。尽管如此,他们仍然不会在正确的位置。

我对 yarn 不太熟悉,但是 npm,例如,将所有内容都放在 node_modules 目录中。默认情况下不提供该目录,也不应提供该目录,因为它包含 "raw" 内容。您需要一个单独的构建管道(使用 npm 脚本、webpack、gulp 等)将 build/copy 资产放入 服务的目录(即 wwwroot ).这很可能是您遗漏的部分。

为此,由于实际上不需要构建,您只需将资产复制到 wwwroot/lib 之类的内容,然后您就可以通过页面上的脚本标记引用它。这可以通过 npm、webpack、gulp、grunt 等任何工具来完成,因此您只需要研究并选择最适合您需求的工具即可。