У меня проблема с тем, чтобы мои mp3-файлы работали с помощью загрузчика файлов webpack.
Вот в чем проблема:
У меня есть mp3-файл на моем жестком диске, который, если я открываю с помощью chrome, например, «c: \ somefolder \ somemp3file.mp3» открывается во вкладке в браузере и воспроизводится нормально.
Однако, когда я использую один и тот же файл с помощью webpack, он не работает. Я настроил загрузчик в webpack так:
{
test: /\.(gif|jpg|png|mp3|aac|ogg)$/,
loader: 'file'
}
Затем, когда я пытаюсь создать ссылку на файл, он мне нужен внутри моего javascript, например:
require('file!./../content/somemp3file.mp3');
это правильно возвращает мне URL-адрес файла mp3.
Если я попытаюсь вручную перейти к localhost:8080
, за которым следует URL-адрес, возвращенный require, mp3-плеер в Chrome выскочит, как я и ожидал, но файл не может быть воспроизведен, и невозможно нажать кнопку воспроизведения, как файл испорчен или что-то в этом роде.
Кто-нибудь знает, что я здесь делаю не так?
file!
при вызовеrequire()
. Это фактически приводит к генерации второго файла.mp3
, вероятно, ~ 80 байт. Если вы посмотрите на файл, это всего лишь экспорт модуля строки (URL-адрес фактического файла.mp3
, который входит в комплект). Так что оставьте конфигурацию webpack в том виде, в котором она есть, а в вашем js-файлеvar src = require('./../content/somemp3file.mp3'); document.getElementById('myAudio').src = src;
- person Eric Lease   schedule 03.02.2017