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>

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

2 个答案: