Как загрузить все картинки в WebPack?

Здравствуйте, вот у меня такая делема:
Нужно все изоброжения загружать из папки img и подключать их тут же

а не в ручную как тут
import './img/image.png'

Мой webpack.config.js

const path = require('path') // Модуль NodeJS для работы с путями
const HTMLPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
    entry: ['./src/index.js'],
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },
    optimization: {
        minimizer: [
            new OptimizeCssAssetsPlugin({}),
            new UglifyJsPlugin({})
        ]
    },
    devServer: {
        contentBase: __dirname + '/dist',
        host: '192.168.1.77'
    },
    plugins: [
        new HTMLPlugin({
            filename: 'index.html',
            template: './src/index.pug'
        }),
        new MiniCssExtractPlugin({
            filename: 'style.css'
        })
    ],
    resolve: {
        extensions: ['.js']
    },
    module: {
        rules: [
            { test: /\.pug$/, loader: 'pug-loader', options: { pretty: true } },
            { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
            { test: /\.css$/, use: [MiniCssExtractPlugin.loader, 'css-loader'] },
            { test: /\.(png|svg|jpg|gif)$/, use: ['file-lodaer']}
        ]
    }
}