Webpack 4 .mp4文件无法从src移到dist

Question

我正在将file-loader和this的语法很好的文章一起使用。

{
   test: /\.(mp4|webm)$/,
   use: {
     loader: 'file-loader',
     options: {
       name: '_v[hash].[ext]'
     }
   }
}

然后像这样引用我的视频

  <video class="c-home-video-inner"
         src="~/src/video/violin.mp4"
         poster
         loop
         autoplay
         preload="auto"
         muted
         playsinline
         data-object-fit
         style></video>

Webpack不会返回任何错误，但是文件不会移动到我的/dist文件夹中。我不知道为什么。

有一篇文章说我需要在main.js中导入该文件，但这也不起作用。

视频确实可以播放，但是它是从/src而不是/dist返回文件。

但是字体很好吗？

 {
    test: /\.(woff|woff2|eot|ttf|otf)$/,
    use: [{
      loader: 'file-loader',
      options: {
        name: 'font/[hash].[ext]'
      }
    }]
  },

我做错了什么？