webpack打包后dist目录下没有images文件夹？

Question

Vision

"webpack": "^3.10.0",
"webpack-dev-server": "^2.9.5"

文件结构（打包前）：

webpack.config.js

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");


var getHtmlConfig = function (name, title) {
    return {
        template: './demos/' + name + '.html',
        filename: 'demos/' + name + '.html',
        title: title,
        inject: true | 'body',
        hash: true,
        cache: true,
        chunks: ['common', name]
    };
};


module.exports = {
    entry: {
        'common' : './js/common.js',
        'a'   : './js/a.js',
    },

    devServer: {
        host: '0.0.0.0',
        useLocalIp: true,
        contentBase: path.resolve(__dirname, 'dist'),
        compress: true,
        port: 9000,
        open: true
    },

    //   模块解析
    module: {
        loaders: [{
                test: /\.js$/,
                exclude: /node_modules/,
                loader: "babel-loader"
            }, 
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'px2rem-loader?remUnit=23.438&remPrecision=8', 'postcss-loader'],
                })
            },
            {
                test: /\.scss$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'px2rem-loader?remUnit=46.875&remPrecision=8', 'sass-loader', 'postcss-loader']
                })
            },
            {
                test: /\.(png|jpg|gif|jpeg)$/,
                loader: 'url-loader',
                options: {
                    limit: 2048,
                    name: 'images/[name].[ext]'
                }
            },
            {
                test: /\.(eot|svg|ttf|woff|woff2|otf)$/,
                loader: 'url-loader',
                options: {
                    limit: 8192,
                    name: 'fonts/[name].[ext]'
                }
            }
        ]
    },

    externals: {
        jquery: 'window.jQuery'
    },

    // 插件
    plugins: [
        new HtmlWebpackPlugin(getHtmlConfig('a', 'ab')),
        new ExtractTextPlugin('css/[name].min.css')
    ],

    //   输出
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'js/[name].min.js',
    }
};

问题：html文件中通过img标签引入图片，打包后dist文件夹下并没有出现images文件夹？

Answer 1

webpack只打包js中引用的资源文件，不打包HTML中通过标签引用的资源文件。
你可以使用 CopyWebpackPlugin 把图片复制到dist目录下

Answer 2

https://www.npmjs.com/package...

这个包，可以打包img标签引用的图片