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

2018-07-03 04:19:27

我在使用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返回的url，Chrome中的MP3播放器就像我期望的那样弹出，但是文件无法播放，并且无法点击播放按钮文件已损坏或有问题。

任何人都知道我在这里做错了什么？

像这样使用文件加载器：

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

链接地址: http://www.djcxy.com/p/92461.html