如何使用带有angular2 / 4的flag-icon-css？

Question

我想使用带有angular2 / 4的flag-icon-css。 我使用npm install flag-icon-css设置了flag-icon-css 并在webpack样式中添加了./node_modules/flag-icon-css/flag-icon.min.css。

查看npm start输出，看起来所有的svg文件都被重命名：

  ad.a58027d893be40137b4e.svg    55.6 kB          [emitted]         
                            ae.9df491b1067fe429b98a.svg  273 bytes          [emitted]         
                            af.66d30d603494af84757f.svg    33.6 kB          [emitted]         
                            ag.0c113ee43f5e979f9e2b.svg  862 bytes          [emitted]         
                            ai.d6af3a0faf03775fead4.svg    58.2 kB          [emitted]         
                            al.7e21b4962e704ec70f96.svg    4.91 kB          [emitted]         
                            am.15d9b1b398267457715f.svg  242 bytes          [emitted]         
                            ao.ea04172c141ba985f772.svg    2.25 kB          [emitted]         
                            aq.2c772185d13c70791c11.svg    4.61 kB          [emitted]         
                            ar.738ab0020d69c00a1d1b.svg    4.56 kB          [emitted]         
                            as.5d5e432322a2db51180a.svg    11.5 kB          [emitted] 
.....

我想这就是为什么我看不到旗帜？

Answer 1

如果有人还在Angular6中寻找它，我添加了

"node_modules/flag-icon-css/css/flag-icon.css"

到angular.json的“风格”，它起作用了。

Answer 2

我不完全确定这是正确的方法，但是在我的组件中插入css文件终于运行....：

styleUrls：['../../../ node_modules / flag-icon-css / css / flag-icon.css']