无法使用Webpack 3和File-Loader

时间:2018-01-07 12:43:25

标签: javascript webpack webpack-file-loader

我在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>

任何帮助都将非常感谢!谢谢!

1 个答案:

答案 0 :(得分:2)

您可以尝试内联加载程序语法;即。

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

或者

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