@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:
으아악앱이 시작되고 실행되는데 동일한 아이콘이 표시됩니다.
고려 사항:
내 질문에 답합니다. @Duannx에게 감사드립니다. 해결책은 매우 간단합니다. 누락된
으아악mdi
클래스를 추가하세요.vite/vue/electron에 특정한 것은 없습니다 :)