Question

我应该如何包含Angular外部的库？我想在我的项目中包含Fontawesome Pro。但是我不知道将我的库文件夹放在哪里。

Answer 1

您必须使用npm安装它，例如npm i font-awesome --save

并在angular.json文件中添加样式的路径

"styles":[ "./node_modules/font-awesome/css/font-awesome.min.css", ]

Answer 2

您可以使用npm软件包，

npm install --save font-awesome angular-font-awesome

导入您的根模块，

import { AngularFontAwesomeModule } from 'angular-font-awesome';

@NgModule({
  imports: [
    AngularFontAwesomeModule
  ]
})
export class AppModule { }

如果您使用的是Angular CLI，则需要将其添加到angular-cli.json中，以显示其他答案。

"styles": [
    "../node_modules/font-awesome/css/font-awesome.css"
]

文档为here

Answer 3

我想手动添加。我相信可以在Angular的资产中做到这一点，但是，由于我需要丰盛的Pro，我在这里找到了它：https://fontawesome.com/how-to-use/on-the-web/setup/using-package-经理？ fbclid = IwAR3ef_gIvsQsb7Kv0TIkAIJPxo-LAaltKMcsaiICpHfHXMOlPdijBSUnKDc

在Angular 7中手动包含库fontawesome Pro

3 个答案: