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引入子页面
#include("./layout/top.html")

你可能感兴趣的:(webpack html-withimg-loader html图片的打包)