鍍金池/ 問答/HTML/ 關于webpack img標簽引入圖片的配置

關于webpack img標簽引入圖片的配置

我的需求是 不想通過 require('./images/a.jpg')來在我的代碼中使用圖片。
我想要的是<img src="./images/a.jpg" />webpack 就能幫我打包該圖片。
我覺得是可以的。
不知道誰知道如何配置。
我現在的配置是這樣的
the code follows...

{
 test: /\.html$/,
 use: [ {
   loader: 'html-loader',
     options: {
        minimize: false,
        removeComments: true,
     }
   }],
}
{
test: /\.(png|jpg|gif|jpe?g)$/,
use: [
  {
    loader: 'url-loader',
    options: {
       limit: 8192,
       name:'images/[hash].[name].[ext]'
    }
  }
]}

并且我看 html-loader的介紹說 應該是用了這個loader就可以不要require()來引入圖片了; 但是不知道為什么不行。

回答
編輯回答
萌小萌

1.要在loader里配置

options: {
      attrs: [':data-src']
    }

2.img標簽里要有data-src屬性
3.要require 包含img標簽的html

2017年8月5日 21:12
編輯回答
笑浮塵

我這個需求貌似是完不成的

2017年6月6日 05:13