如何使用字体真棒安装后与纱线



我正在使用VS 2019进行Core 3.1开发,并且我安装了Font Awesome whith Yarn:

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( 文件已经"构建"了。不过,即便如此,它们仍然不会在正确的位置。

我对纱线不太熟悉,但是例如,npm 将所有内容都放在node_modules目录中。默认情况下不提供该目录,也不应提供该目录,因为它包含"原始"内容。你需要一个单独的构建管道(使用 npm 脚本、webpack、gulp 等(来构建/复制资产到提供的目录(即 wwwroot(中。这可能是你错过的部分。

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

相关内容

  • 没有找到相关文章

最新更新