JHipster - Angular 6：如何在 index.html 中包含来自 3rd 方模块的 css 文件？

Question

JHipster - Angular 6 如何在 index.html 中包含来自 3rd 方库（例如 FontAwesome）的 css/scss 文件？相对路径问题。

Answer 1

除了 index.html，最佳实践是在 vendor.scss 文件中导入。

请按照以下步骤操作：

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

例子：

npm i font-awesome --save

现在你的项目中有一个很棒的字体库。现在像这样在 vendor.scss 中导入它：

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

现在你可以在你的项目中使用 font-awesome css。