鍍金池/ 問答/HTML/ webpack如何處理html中的圖片?

webpack如何處理html中的圖片?

因為在js里處理圖片預(yù)加載,所以HTML里的圖片用的是data-src而不是src。我發(fā)現(xiàn)url-loader沒有處理這些圖片,然后用了html-loader也沒有處理。

  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 5120,
      name: assetsPath('images/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(htm|html)$/i,
    loader: 'html-loader?attrs=img:src img:data-src'
  }
回答
編輯回答
心上人

圖片的路徑寫成data-src=require('xxx.jpg')

2017年2月8日 18:19