详细说明:
html-withimg-loader
webpack处理资源无往不利,但有个问题总是很苦恼,html中直接使用img标签src加载图片的话,因为没有被依赖,图片不会被打包。这个loader解决这个问题,图片会被打包,而且路径也处理妥当。额外提供html的包括子页面功能。
安装
npm install html-withimg-loader --save
使用
var html = require('html-withimg-loader!../xxx.html');
或者写到配置中:
loaders: [
{
test: /\.(htm|html)$/i,
loader: 'html-withimg-loader'
}
]
额外支持一项黑科技:
#include("./layout/top.html")