'CSS background image doesn't properly reference when compling with webpack

I am using React in a DIV portion of a Django project. In the react side (localhost:3000), the image loads. But when on compiling

node ./node_modules/webpack/bin/webpack.js --config webpack.dev.js

the image becomes something like this and doesn't load :

white url(http://localhost:8000/media/js/82b99557a6f85f135840.png) no-repeat right center

select
{
    text-indent: 1px;
    text-overflow: '';
    width: 100%;    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 2px;
    border: none;
    box-shadow: none;
    background: white url("images/Dropdown2.png") no-repeat right center;
}    


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source