vue webpack怎么打包音乐文件?

Question

我在App.vue中写入

<div class="music">
  <audio src="./assets/bubble.mp3" controls></audio>
</div>

在webpack.base.conf.js中配置

  {
    test : /\.(mp3)(\?.*)?$/,
    loader : 'url-loader',
    options : {
      name : utils.assetsPath('assets/[name].[hash:7].[ext]')
    }
  }
  

运行 npm run dev 的时候，音乐文件总是提示404(not found)。请问怎么解决webpack打包音乐文件404错误。

Answer 1

还需要在 Vue 的 Options 中指定 transformToRequire。

另外可以将音乐文件放到项目的 /static 目录下。

参见：
https://zhuanlan.zhihu.com/p/...