最近学习配置webpack的时候，使用file-loader打包图片时发现没有html通过img标签引入的图片，搞得我很想说mmp，最后发现webpack不识别html中img标签src引入的图片。
npm install html-withimg-loader --save
loaders配置下面:
loaders: [
{
test: /\.(htm|html)$/i,
loader: 'html-withimg-loader'
}
]
结果html中的img标签的路径成功替换，图片也打包成功。
而且这个loader还支持另外一个让人兴奋的黑科技
<div>
#include("./layout/top.html")
</div>
遇到的问题 最近学习配置webpack的时候，使用file-loader打包图片时发现没有html通过img标签引...
1 html 引入本地图片html-withimg-loader 2 js 引入本地图片 url-loader 、...
html中直接使用img标签src加载图片的话，因为没有被依赖，图片将不会被打包。这个loader将解决这个问题 ...
html-webpack-plugin 是什么？ html-webpack-plugin是webpack（？？不知...
html-webpack-plugin 参见 webpack4 之html-webpack-plugin mini...
html-webpack-plugin html-webpack-plugin用来打包html文件，clean-w...
步骤： 安装webpack、webpack-cli、webpack-dev-server、html-webpack...
功能类 html-webpack-plugin 自动生成html，基本用法： copy-webpack-plugi...
安装 html-webpack-pluginnpm i html-webpack-plugin -D2.修改web...
html-webpack-plugin 在本地下载html-webpack-plugin[https://gith...
本文标题：webpack html-withimg-loader html
本文链接：https://www.haomeiwen.com/subject/bmmjdftx.html
网友评论