遇到的問題

最近學(xué)習(xí)配置webpack的時(shí)候，使用file-loader打包圖片時(shí)發(fā)現(xiàn)沒有html通過img標(biāo)簽引入的圖片，搞得我很想說mmp，最后發(fā)現(xiàn)webpack不識(shí)別html中img標(biāo)簽src引入的圖片。

解決方案

npm install html-withimg-loader --save

loaders配置下面:

loaders: [
    {
        test: /\.(htm|html)$/i,
        loader: 'html-withimg-loader'
    }
]

結(jié)果html中的img標(biāo)簽的路徑成功替換，圖片也打包成功。

而且這個(gè)loader還支持另外一個(gè)讓人興奮的黑科技

支持#include引入子頁面

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