如何在Angular + ASP.NET Core v2项目安装程序中安装FontAwesome 5

时间:2018-06-01 14:33:44

标签: angular asp.net-core font-awesome-5

我希望找到FontAwesome 5如何与ASP.NET Core v2默认Angular应用程序(使用.NET Core CLI生成的代码)一起使用的答案。

webpack.config.vendor.js

OracleParameter param = new OracleParameter(":names", OracleDbType.Varchar2, "CML','ABC", ParameterDirection.Input);

我还可以看到fontawesome添加到const treeShakableModules = [ '@angular/animations', '@angular/common', '@angular/compiler', '@angular/core', '@angular/forms', '@angular/http', '@angular/platform-browser', '@angular/platform-browser-dynamic', '@angular/router', '@fortawesome/fontawesome', '@fortawesome/fontawesome/styles.css', 'zone.js', ]; const nonTreeShakableModules = [ 'bootstrap', 'bootstrap/dist/css/bootstrap.css', 'es6-promise', 'es6-shim', 'event-source-polyfill', 'jquery', ]; vendor.js文件,但是当我向HTML添加vendor.css时,它不会被SVG替换。

2 个答案:

答案 0 :(得分:0)

Dim i As Int32 = 0 Dim ByteMessage As String() = New String(0 To 4) {} ByteMessage(i) = "A" ByteMessage(i.IncrPre) = "B" ByteMessage(i.IncrPre) = "C" i = 3 ByteMessage(i.IncrPost) = "D" ByteMessage(i) = "E" 是基础包。您必须在基页上至少安装一个其他程序包。您可以将其称为附加包。

@fortawesome/fontawesome

举个例子。安装Free Solid || $ npm i -s @fortawesome/fontawesome-free-solid Free Regular || $ npm i -s @fortawesome/fontawesome-free-regular Free Brands || $ npm i -s @fortawesome/fontawesome-free-brands

并将其添加到@fortawesome/fontawesome-free-solid中。

nonTreeShakableModules

(我不知道它是Tree Shakable。如果是,那么将文件放入const nonTreeShakableModules = [ ... '@fortawesome/fontawesome', '@fortawesome/fontawesome-free-solid', ... ];

如果您担心构建大小(是的,如果它不是Tree Shakable),您只能导入所需的SVG。

例如,如果您treeShakableModules需要,请仅导入fa-camera-retro

参考:Offical Document

答案 1 :(得分:0)

这可能会有所帮助,也可能没有帮助,但根据您尝试做的事情,您当前的方法可能过度。根据文档包含Font Awesome 5是为了直接在node.js app中使用字体资源。这可能不是你在这里真正想要的。如果您只想在Web应用程序的HTML中引用CSS / JS的本地副本,最好从他们的already-compiled Github project中提取。

这不是一个npm包(没有package.json),所以如果你想使用npm来提取它,你需要napa。然后,只需编辑您的应用程序的package.json并添加/更改"scripts"部分中的行:

"install": "napa FortAwesome/Font-Awesome"

然后,当您npm install时,Font Awesome的编译版本将被下拉到您的node_modules目录中。您需要做的就是使用webpack或类似工具将您需要的静态资源移动到wwwroot/lib或您从中提供服务的任何地方。