1.0.2 • Published 3 years ago
html-widthsource-loader v1.0.2
html-widthsource-loader
webpack结合html-webpack-plugin使用时,html中直接使用img标签src加载图片的话,图片的路径并不会被webpack处理。直接其实不光img标签,video、audio标签中的src也不会被webpack处理。
解决上面的问题可以通过html-loader处理html文件,这往往需要在js中引入html,而这又是我不想解决问题的方式。
于是在借鉴了社区的解决方案html-widthimg-loader后,在此之上优化解决了上面的问题,使得外部资源会被打包,而且路径也处理妥当。
安装
npm install html-widthsource-loader --save
使用
var html = require('html-widthsource-loader!../xxx.html');
或者写到配置中:
loaders: [
{
test: /\.(htm|html)$/i,
loader: 'html-widthsource-loader'
}
]
options
Name | Type | Default | Description |
---|---|---|---|
min | Boolean | true | 删除html中的换行符,压缩html代码 |
exclude | String | undefined | 排除要处理的资源,{exclude: '.mp3'} |
deep | Boolean | true | 是否使用#include加载模板 |
更新记录:
版本号 | 描述 | 备注 |
---|---|---|
v1.0.0 | 发版 | |
v1.0.1 | 修复#include模板引用问题 |