JHipster-Angular 6:如何在index.html中包含来自第三方模块的CSS文件?

时间:2018-08-01 09:57:07

标签: angular jhipster

JHipster-Angular 6 如何在index.html中包含来自第三方库(例如FontAwesome)的css / scss文件? 相对路径问题。

1 个答案:

答案 0 :(得分:3)

除了index.html之外,最佳做法是将其导入vendor.scss文件。

请按照以下步骤操作:

  1. 您必须在JHipster项目中安装或导入该库。
  2. 然后,您必须将该库导入主要的CSS或CSS模块中。 JHipster中的content / scss / vendor.scss负责提供样式表。

示例:

  

npm我字体很棒--保存

现在您的项目中有一个超棒的字体库。 现在像这样将其导入vendor.scss中:

  

@import'〜font-awesome / css / font-awesome.min.css';

现在您可以在项目中使用超棒的CSS。