webpack html-withimg-loader html

遇到的问题

最近学习配置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还支持另外一个让人兴奋的黑科技

支持#include引入子页面

<div>
    #include("./layout/top.html")
</div>