html - vue webpack怎么打包音乐文件?

查看：196 发布时间：2017/9/6 1:00:26 webpack vue.js html

本文介绍了html - vue webpack怎么打包音乐文件?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

我在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错误。

解决方案

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

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

这篇关于html - vue webpack怎么打包音乐文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文