npm安装后如何引用Google Material-Design-Icons？

Question

因此，完成后npm install material-design-icons，如何在React应用程序中使用它们？

包括该方法在这里并不包括npm方法。

Answer 1

这是您可以引用它的方式（在您的styles.css中）：

@import '~material-design-icons/iconfont/material-icons.css';

要使用它：

<i class="material-icons">cloud_upload</i>

Answer 2

打开angular.json你的项目，并添加以下线node_modules/material-design-icons/iconfont/material-icons.css下projects => YOUR_APP => architect => options => styles

我的角度版本ng version：

Angular CLI: 8.0.3 
Node: 11.15.0
OS: linux x64
Angular: 8.0.1

Answer 3

index.html之后的文件中使用此文件npm install material-design-icons。它可以在我的Angular Project中工作。

<link href="../node_modules/material-design-icons/iconfont/material-icons.css" rel="stylesheet">