如何将 flag-icon-css 与 angular2/4 一起使用？答案

【问题标题】：How to use flag-icon-css with angular2/4?如何将 flag-icon-css 与 angular2/4 一起使用？
【发布时间】：2018-02-19 22:04:18
【问题描述】：

我想将 flag-icon-css 与 angular2/4 一起使用。我使用 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] 
.....

我想这就是我看不到标志的原因？

【问题讨论】：

标签： css node.js angular svg webpack

【解决方案1】：

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

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

到 angular.json 的“样式”，它起作用了。

【讨论】：

【解决方案2】：

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

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

【讨论】：