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

Question

Я загружаю ресурсы с помощью загрузчика файлов в 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>

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

Answer 1

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

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

Или же

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