Question

我试图弄清楚如何在NPM Electron项目中使用“材料设计”图标。该项目是使用Webpack 4设置的。根据Google Github page，它可以简单地由npm install material-design-icons安装。根据此Angular issue，必须将Material CSS文件的路径添加到配置中。在我的项目中，我虽然使用React，但没有像这样的任何配置文件。因此，我想从App.tsx这样的条目TypeScript文件@import "~material-design-icons/iconfont/material-icons.css";中导入CSS，但是在启动项目时，Webpack找不到文件CSS文件。

使用“材料设计”图标必须做什么？是否必须将它们导入TypeScript / JavaScript文件？还是我必须为此设置Webpack？

Answer 1

与此同时，我通过将以下内容导入dependencies中的package.json部分来解决了这个问题：

"@material-ui/icons": "4.0.0",

例如，在TypeScript React Component I中导入以下内容：

import Add from '@material-ui/icons/Add';
import Edit from '@material-ui/icons/Edit';

然后我可以将其用作render()方法中的返回值：

<Add />
<Edit />

在NPM Electron React项目中使用材料设计图标

1 个答案: