我希望找到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替换。
答案 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
。
答案 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
或您从中提供服务的任何地方。