我在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>
任何帮助都将非常感谢!谢谢!
答案 0 :(得分:2)
您可以尝试内联加载程序语法;即。
import SomeVideo from '-!file-loader!../../../video2.mp4';
或者
require("file!../../../video2.mp4")