vue中添加mp3音频文件的方法

1
2
3
<audio class="success" 
    src="/static/audios/do_wrong.mp3">
</audio>

1
2
3
4
5
6
7
{
   test: /.(mp3)(?.*)?$/,
   loader: 'url-loader',
   options: {
    name: utils.assetsPath('assets/[name].[hash:7].[ext]')
   }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var utils = require('./utils')
var config = require('../config')
var isProduction = process.env.NODE_ENV === 'production'

module.exports = {
 loaders: utils.cssLoaders({
  sourceMap: isProduction
   ? config.build.productionSourceMap
   : config.dev.cssSourceMap,
  extract: isProduction
 }),
 transformToRequire: {
  "audio": "src"
 }
}

1
2
3
4
5
<audio autoplay="autoplay" 
    controls="controls"
    preload="auto"
    src="../assets/allright.mp3">
</audio>