本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。
webpack如何处理页面上常见的媒体文件呢?比如:mp3、mp4、avi等。本文中,以mp4文件为例,说明这个问题。利用的还是url-loader。所以,请查看文末有关url-loader的相关文章。
webpack4系列教程,如何处理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中内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复