vue框架中添加音频文件

参考学习地址
需要给项目配置mp3格式的解析器
1、在webpack.base.conf.js中添加加载器。代码如下:

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

2、在vue-loader.conf.js文件为audio的src属性添加转换属性选项,让 vue-loader 知道需要将 audio 的 src 属性的内容转换为模块。代码如下:

	transformToRequire: {
	    audio: "src"
	}

3、添加audio标签,引入资源文件。代码如下:

	<audio src="../../static/videos/tip1.mp3" autoplay="autoplay" ></audio>

你可能感兴趣的:(vue框架中添加音频文件)