如何在angular2 / 4中使用flag-icon-css?

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

看npm开始输出,它看起来像所有的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] ..... 

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

我不完全确定这是正确的方式,但插入CSS文件在我的组件终于运行….:

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