웹팩 구성에서 글꼴 아이콘이 표시되지 않는 문제에 대한 해결 방법(상세 튜토리얼)

웹팩 구성으로 인해 글꼴 아이콘이 표시되지 않는 문제에 대한 해결 방법을 알려드리겠습니다. 참고할만한 가치가 있으니 많은 분들께 도움이 되었으면 좋겠습니다.

문제: 프로젝트 개발 중 글꼴 아이콘을 사용할 때 다음과 같은 오류 메시지가 나타납니다.

모든 글꼴 아이콘이 정상적으로 표시되지 않으며, 글꼴을 디코딩할 수 없다는 오류 메시지가 나타납니다.

문제 해결 방법: 오랜 시간 동안 검색한 끝에 webpack 구성 중 다음 코드를 수동으로 추가하여 오류가 발생했음을 확인했습니다. webpack.base.conf.js 파일에서

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

삭제 . 위 내용은 제가 모든 사람을 위해 정리한 것입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue에서 v-for를 사용하여 2차원 배열을 탐색하는 방법

Vue에서 v-for의 데이터 그룹화 인스턴스

vue2.0 누적 값을 계산하는 계산 예 목록 루프 이후

위 내용은 웹팩 구성에서 글꼴 아이콘이 표시되지 않는 문제에 대한 해결 방법(상세 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!