Используйте иконки дизайна материалов в проекте NPM Electron React

Question

Я пытаюсь понять, как использовать иконки материалов в проекте NPM Electron. Проект настроен с помощью Webpack 4. Согласно странице Google Github он просто устанавливается npm install material-design-icons. В соответствии с этой угловой проблемой необходимо добавить путь к файлу CSS материала в конфигурацию. В моем проекте я использую React, но у меня нет такого файла конфигурации, как этот. Поэтому я подумал об импорте CSS из файла ввода TypeScript App.tsx, например, @import "~material-design-icons/iconfont/material-icons.css";, но при запуске проекта Webpack не находит файл CSS файла.

Что нужно сделать, чтобы использовать значки материалов дизайна? Нужно ли импортировать их в файлы TypeScript / JavaScript? Или я должен настроить Webpack для этого?

Answer 1

Тем временем я решил это, импортировав следующее в раздел dependencies внутри package.json:

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

В компоненте TypeScript React I, например, импортировал следующее:

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

, который я могу затем использовать в качестве возвращаемого значения из метода render():

<Add />
<Edit />