webpack - 使用Webpack文件加载器提供mp3文件

Question

我在使用Webpack文件加载器使mp3文件正常工作时遇到问题。

这是问题：

我的硬盘上有一个mp3文件，如果我使用chrome通过“ c：\ somefolder \ somemp3file.mp3”打开文件，则会在浏览器的选项卡中打开并正常播放。

但是，当我使用webpack提供完全相同的文件时，它不起作用。我已经在webpack中配置了加载器，如下所示：

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

然后，当我尝试链接到文件时，需要在我的JavaScript中使用它，如下所示：

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

这正确地向我返回了mp3文件的网址。

如果我尝试手动转到 localhost:8080，然后输入require返回的网址，则Chrome中的mp3播放器会像我期望的那样弹出，但是该文件无法播放，并且无法单击播放按钮，例如文件已损坏或其他原因。

有人知道我在做什么错吗？

Answer 1

像这样使用文件加载器：

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