Не удается загрузить видеофайлы с помощью Webpack 3 и File-Loader

Question

Не удается загрузить видеофайлы с помощью Webpack 3 и File-Loader

1

Я загружаю активы файловым загрузчиком в Webpack3, и все работает хорошо для обычных типов изображений, но когда я пытаюсь загрузить видео (MP4, MOV...), кажется, что он не может их обнаружить. Здесь код для загрузки активов в моем файле webpack.config:

      {
        test: /\.(jpg|png|gif|svg|mp4|mov)$/,
        use: [
      {
        loader: "file-loader",
        options: {
          outputPath: "assets/"
        }
      }
    ]
  },

И в моем файле index.html, если я добавлю это:

  <img src='assets/file.png' alt=''/>

Все в порядке, но нет, если я попытаюсь использовать тег видео:

  <video width="320" height="240" controls id='video'>
    <source src="assets/video2.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

Любая помощь будет очень оценена! Спасибо!

user990463 07 янв. 2018, в 14:08

Источник

Теги:

javascript

webpack

1 ответ

Ещё вопросы

orabis · Answer 1 · 2018-01-07T12-39-00.000Z

Вы можете попробовать синтаксис встроенного загрузчика; т.е.

import SomeVideo from '-!file-loader!../../../video2.mp4';

Или же

require("file!../../../video2.mp4")

Спасибо за ответ. Это работает, но я не могу автоматизировать его с помощью файла webpack.config? Для каждого видеофайла вместо встраивания загрузчик?
Я думаю, что вы можете использовать дополнительные загрузчики, html-загрузчик и url-загрузчик. Вы можете посмотреть на эти две ссылки: 1) github.com/FormidableLabs/spectacle-boilerplate/issues/13 и 2) stackoverflow.com/questions/36465127/…