角度cli可以使用标志图标css吗？

Question

我是角度cli的初学者,我想知道:我可以在package.json中使用这个https://github.com/lipis/flag-icon-css,因为当有更新时,它更容易自动更新,我不知道必须手动完成.Flag图标是SCSS并且我在我的角度2项目中使用SASS是一个问题吗？

Answer 1

是的,它可以做到,

使用node_modules中的包工作正常.你只需要覆盖所有路径.

我的style.scss中有这个.

$flag-icon-css-path: '~flag-icon-css/flags' !default;
@import "~flag-icon-css/sass/flag-icon";

$image_path: '~material-design-lite/src/images' !default;
@import "~material-design-lite/src/material-design-lite";

Answer 2

安装：

npm install flag-icon-css --save

更新 angular.json 文件中的样式部分（如果您使用 Angular < 6.0.0 - 然后使用 angular-cli.json）：

"styles": [
    "node_modules/flag-icon-css/css/flag-icon.min.css",
    .....
],

在模板中使用：

<span class="flag-icon flag-icon-ru"></span>