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

IT技术 css reactjs npm material-design material-ui
2021-05-07 03:27:03

那么在完成之后npm install material-design-icons,我如何在我的React应用程序中使用它们

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

4个回答

这是您可以引用它的方式(在您的styles.css 中):

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

要使用它:

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

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

向 angular 项目添加新样式表

我的角度版本ng version

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

index.html之后文件中使用它npm install material-design-icons它适用于我的 Angular 项目。

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

使用 npm & laravel-mix 你可以这样做:

// Material Design Icons - File: sass/app.scss
@import '~material-design-icons/iconfont/material-icons.css';

指令:

npm run dev

html:

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