@mdi/font 아이콘을 내 앱(Electron 앱)에 번들로 묶고 싶습니다.

설치했습니다npm i @mdi/font --save-dev:

그런 다음 CSS/scss를 가져오고 몇 가지 다른 방법을 시도했습니다.

• 에서main.ts中导入：import '@mdi/font/css/materialdesignicons.css';
• 에서main.scss中导入为scss：@import './node_modules/@mdi/font/scss/materialdesignicons.scss';
• 에서base.css中作为 css 导入：@import './node_modules/@mdi/font/css/materialdesignicons.css';

그런 다음 마크업에 mdi-* CSS 클래스를 사용했습니다.

SideMenu.vue:

앱이 시작되고 실행되는데 동일한 아이콘이 표시됩니다.

고려 사항:

• 저는 아이콘별 구성 요소 접근 방식을 사용하고 싶지 않습니다(이해가 안 되네요). 그 이유는 "vue-material-design-icons" 또는 이와 유사한 것을 사용하지 않기 때문입니다
• CDN의 외부 링크를 사용하고 싶지 않습니다