webpack을 사용하여 node_modules 디렉토리에서 awesome 글꼴을 추가하는 방법

Question

npm install font-awesome --save-dev를 사용하여 font-awesome을 설치했습니다. 이제는 내 프로젝트에 포함하는 데 문제가 있습니다. 아래는 내 코드입니다.

는 ./~/font-awesome/fonts/에서

{ 
      test: /\.(svg|woff|woff2|ttf|eot|otf)$/, 
      loader: 'file-loader?name=assets/[name].[ext]', 
} 

app.scss

$fa-font-path: "~font-awesome/fonts"; 
@import "~font-awesome/scss/font-awesome.scss"; 

오류

오류를 webpack.config.js fontawesome-webfont.eot? v = 4.7.0 모듈 구문 분석에 실패했습니다. /ProjectSite/node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0 예기치 않은 문자 ' '(1 : 1) 이 파일 유형을 처리하려면 적절한 로더가 필요할 수 있습니다.

Answer 1

일부 연구를 읽고 나는 ([\?]?. *) $을 정규 표현식 부분에 추가하여 마침내 해결했습니다.

{ 
    test: /\.(svg|woff|woff2|ttf|eot|otf)([\?]?.*)$/, 
    loader: 'file-loader?name=assets/fonts/[name].[ext]', 
} 

Answer 2

npm 파일 로더 패키지를 설치 했습니까?

npm install --save-dev file-loader

은 내가 글꼴 끝내 포함하는 웹팩 예를 들어 저장소가 있습니다. 도움이 될 수도 있습니다. 찾을 수 있습니다 here