无法使用 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")