vue webpck打包mp3

安裝file-loader打包文件插件

npm i file-loader --save-dev

webpack.config.js

module:{
 rules:[
   {
     test: /\.(mp3|wav|wma|ape|aac)$/i,
     use:['file-loader']
   }
 ]
}

.vue內引入mp3

<audio ref="audioPlayer" class="mx-auto mb-3"></audio>
//引入
import testmp3 from '@/assets/audio/test.mp3'
//使用
this.$refs.audioPlayer.src = testmp3
this.$refs.audioPlayer.play()