webpack 파일 로더를 사용하여 mp3 파일 검색

Question

webpack 파일 로더를 사용하여 mp3 파일을 작동시키는 데 문제가 있습니다.

내가 예를 들어 "C : \ somefolder \ somemp3file.mp3"로 크롬을 사용하여 열면하는 것을, 내 하드 디스크에 MP3 파일이 : 브라우저에서 탭에서 열리고

이

이 문제입니다 괜찮아요.

그러나 webpack을 사용하여 동일한 파일을 제공하면 작동하지 않습니다. 나는 다음과 같이 웹팩에 로더를 구성한 :

다음

{ 
    test: /\.(gif|jpg|png|mp3|aac|ogg)$/, 
    loader: 'file' 
} 

, 나는 이런 식으로, 내 자바 스크립트 내부에 그것을 필요로하는 파일에 연결하기 위해 노력하고있어 때

require('file!./../content/somemp3file.mp3'); 

를이 제대로 날을 반환 mp3 파일을위한 url.

localhost:8080으로 이동 한 다음 require에 의해 반환 된 URL을 수동으로 시도하면 예상대로 Chrome의 mp3 플레이어가 튀어 나오지만 파일을 재생할 수 없으며 재생 버튼을 클릭 할 수 없습니다 파일이 손상된 것처럼 보입니다.

누구나 내가 뭘 잘못하고 있는지 알고 있니? 이 같은

Answer 1

을 사용하여 파일 로더 :

{ 
    test: /\.mp3$/, 
    include: SRC, 
    loader: 'file-loader' 
}