Serving mp3 files using the webpack file loader : <p>I have a problem with getting my mp3 files to work using the webpack file loader.</p>

<p>This is the issue:</p>

<p>I have a mp3 file on my harddisk, that if I open using chrome by for example "c:\somefolder\somemp3file.mp3" opens up in a tab in the browser and plays just fine.</p>

<p>However, when I serve the exact same file using webpack it does not work. I have configured the loader in webpack like this:</p>

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

<p>Then, when I'm trying to link to the file I require it inside my javascript, like this:</p>

<pre><code>require('file!./../content/somemp3file.mp3');
</code></pre>

<p>this correctly returns me the url for the mp3 file.</p>

<p>If I try to manually go to <code>localhost:8080</code> followed by the url returned by require, the mp3 player in Chrome pops up like I expect it to, but the file cannot be played, and it's not possible to click on the play button like the file is corrupted or something. </p>

<p>Anyone knows what I'm doing wrong here?</p>
