在html中加入视频文件,webpack4系列教程，如何处理html中的视频文件地址？

74 阅读 0 评论 49 点赞

我是靠谱客的博主眯眯眼机器猫，最近开发中收集的这篇文章主要介绍在html中加入视频文件,webpack4系列教程，如何处理html中的视频文件地址？，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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");

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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