webpack怎么提取 html 中的图片

'use strict';
var webpack = require('webpack'),
    path = require('path');

module.exports = {
    entry: {
        app: path.resolve(__dirname, 'app/scripts/app.js')
    },
    output: {
        path: path.resolve(__dirname, 'dist/scripts') ,
        filename: '[name].bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.(png|jpeg|gif)$/,
                loader: 'file-loader?name=../images/[name].[ext]'
            },
            {
                test: /\.css$/,
                loader: "style!css"
            },
            {
                test: /\.(woff|woff2|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: 'file-loader?name=../fonts/[name].[ext]'
            },
            {
                test: /(index|login)\.html$/,
                loader: 'file-loader?name=../[name].[ext]'
            },
            {
                test: /\.html$/,
                exclude: /(index|login)\.html$/,
                loader: 'html'
            }
        ]
    }
};

这是我的配置，编译的时候，css 里面的背景图都会提取放进dist/images/目录，但是html中 img 的图片都提取不出来，只能手动在 js 文件 require(html 中的图片)生成，不能像提取 css 中的图片一样提取 html 中的吗？

---

用gulp或者grunt结合webpack使用吧，webpack本身为前端JS代码打包而设计的，处理HTML或者模板的话，毕竟不是设计者的初心。
如果非要处理HTML里面的图片，试试将html添加到entry里面。

---

但是html img src 引入图片是如何搞的？