Как сохранить структуру при подключении через import?

К index.js таким образом подключаются картинки:

import './img/backgrounds/mainsite-bg.jpg';
import './img/icons/sprite.svg';

Можно заметить, что картинки импортируются из разных папок, одна из backgrounds, а другая из icons. После обработки webpack грузит все картинки в одну папку dist/img,

А надо чтобы грузил картинки по структуре, которая была до обработки

Т.е.

dist/img/backgrounds
dist/img/icons

Вот такой код обрабатывает картинки:

{
    test: /\.(jpe?g|png|gif|svg)$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                name: "img/[name].[ext]"
            }
        }
    ]
},

Как можно сохранить структуру?