Webpack 打包 HTML 中 img 标签 src 属性异常分析
在使用 Webpack 打包包含 img 标签的 HTML 文件时，有时会遇到打包后的 img 标签 src 属性变为 “[object Module]” 的问题。
出现该问题的原因通常是由于在 JavaScript 代码中引入了图片资源，而 Webpack 默认会将 JavaScript 文件中所有引入的资源都视为模块进行处理。
解决方案是在 Webpack 配置文件中添加相应的 loader 规则，例如使用 file-loader 或 url-loader 来处理图片资源，并将其输出到指定目录。
通过配置合适的 loader 规则，Webpack 就可以正确处理 HTML 中的 img 标签，并将图片资源打包到最终的输出目录中，避免出现 src 属性异常的问题。
文件大小：32.65KB
评论区