Webpack не собирает билд с путем для картинки относительно страницы в backgroud

Пытаюсь стилизовать checkbox, при статусе checked, фон должен поменяться на check.svg, который при сборке лежит по пути /assets/img/check.svg. Но, если указать в url у background этот путь, то webpack( а конкретно, как я понял, miniCssExtractPlugin) не дает собрать билд, поскольку он не может найти такой файл по этому пути(оно и понятно, потому что в исходниках он лежит совсем в другом месте). И сборка происходит, только если указать путь к исходному файлу, но тогда путь в браузере меняется просто на "/check.svg" и соответственно фон при клике на чекбокс не меняется.

&:checked + .checkbox-buttons__box:before {
   background-image: url('/assets/img/check.svg');
   border: solid 1px $purple;
}

Нужно как то заставить его делать сборку с таким путем, но как это сделать я не знаю. Советовали использовать resolve-url-loader, попробовал - не помогло, но возможно я что то не правильно сделал.

upd: Пока копался, пришел к выводу что нужно в background url писать путь к исходному файлу, а webpack при сборке должен уже изменить этот путь на /assets/img/check.svg. Если это возможно сделать, то подскажите, пожалуйста, каким образом.