1.0.2 • Published 3 years ago

html-widthsource-loader v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

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

NameTypeDefaultDescription
minBooleantrue删除html中的换行符,压缩html代码
excludeStringundefined排除要处理的资源,{exclude: '.mp3'}
deepBooleantrue是否使用#include加载模板

更新记录:

版本号描述备注
v1.0.0发版
v1.0.1修复#include模板引用问题