Vue에서 Ali 글꼴 아이콘을 참조하는 방법

이 글에서는 Vue에서 Alibaba 글꼴 아이콘을 참조할 때 발생하는 오류 문제에 대한 해결 방법을 주로 소개합니다. 관심 있는 친구들은 함께 배워보세요

Vue에서 Alibaba의 아이콘 글꼴을 인용하고 싶은데 해당하는 로더가 없어서 오류가 발생합니다. 문서를 처리합니다.

Solution

1. CSS 파일 소개

import 'font-awesome/css/font-awesome.min.css'

2. webpack.config에서

{
    test: /\.(eot|svg|ttf|woff|woff2)$/,
    loader: 'file-loader'
}

구성 위 내용이 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 글:

VUE 청취 창에서 변경 이벤트 문제를 해결하는 방법

모니터링 라우팅 변경을 관찰하고 모니터링 객체를 관찰합니다(자세한 튜토리얼)

감시 모니터링 객체 및 해당 값을 구현하는 방법 ​​​​Vue 변경 사항

위 내용은 Vue에서 Ali 글꼴 아이콘을 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!