webpack почему после сборки относительные пути становятся абсолютными и удаляются кавычки

**дерево создается так :** 

<pre>
const fileName = (ext) => {

    return isDev ? `${ext}/[name].${ext}` : `${ext}/[name].[hash].${ext}`

}
output: {

    filename: fileName('js'), /*or ('css')*/
    path: path.resolve(__dirname,'dist')

}
/*...*/
</pre>


**входные данные :**
<pre>
.my{

    background: url('../components/img/test.png');

}
@font-face {

    font-family : 'myFont';
    src:url(../components/fonts/PermanentMarker-Regular.ttf) format('truetype');

}
</pre>

**выходные данные :** так и должно быть или я сделал что то не так?
<pre>
@font-face {

    font-family : 'myFont';
    src:url(109a10dca0508e41aa127be1fcbe6b44.ttf) format('truetype');

}
.my{

    background: url(df22154c8cdf041f150774f13e98931e.png);

}
</pre>
*если для ответа нужны ешё данные настройки дайте знать скину*