我是靠谱客的博主 眯眯眼机器猫,这篇文章主要介绍在html中加入视频文件,webpack4系列教程,如何处理html中的视频文件地址?,现在分享给大家,希望可以做个参考。

9ac5e4e30859fb63569e5fad0d8d2230.png 本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

webpack如何处理页面上常见的媒体文件呢?比如:mp3、mp4、avi等。本文中,以mp4文件为例,说明这个问题。利用的还是url-loader。所以,请查看文末有关url-loader的相关文章。

fd34c8b925a6eeed7840bec8d9468e81.pngwebpack4系列教程,如何处理html中的视频文件地址?(图5-1)

本文测试环境:win10、node@14.2.0、npm@6.14.4、webpack@4.43.0、url-loader@4.1.0。本文相对简单,就仅仅需要注意:调用.mp4等视频文件的方式即可。

配置webpack.config.js

本文需要安装url-loader,安装命令如下:npm i url-loader -D

接下来的操作,非常简单,在安装url-loader的前提下,配置一下文件类型即可:

webpack.config.js:const path = require("path");

最后

以上就是眯眯眼机器猫最近收集整理的关于在html中加入视频文件,webpack4系列教程,如何处理html中的视频文件地址?的全部内容,更多相关在html中加入视频文件,webpack4系列教程,如何处理html中内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(139)

评论列表共有 0 条评论

立即
投稿
返回
顶部