Mp3 文件和 Vue-loader

Question

我想在我的 Vue 组件中加载一个 mp3 文件：（我正在使用 Vue-CLI 样板文件）

const sound = new Audio(require("./sound.mp3")))

但是我收到了这个错误：

Unexpected character ‘’ (1:3) You may need an appropriate loader to handle this file type.

这是一个演示错误的最小项目：https://github.com/life4ants/vue-audio-test

Answer 1

将以下内容添加到 build/webpack.base.conf.js 解决了问题：

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

上面link的应用程序已经更新，现在可以使用了。

Mp3 文件和 Vue-loader

Mp3 files and Vue-loader

audio

vue.js

vue-loader