webpack font can't resolve

Due to having relative webpack is not able to find according to its current location. In the module rules add this and install file-loader

npm install --save-dev file-loader

{
        test: /\.(svg|eot|ttf|woff|woff2)$/,
        use:'file-loader'
        options: {
            name: ‘images/[name].[hash].[ext]’
       }

},

Edit: Usually relative url can be solved in three ways

-use absolute path

-use options and set url to false

use:[
        {
            loader: ‘css-loader’,
            options: {url: false}
        }
    ]

-use raw loder as it will loder url as string

use: ['raw-loader', 'css-loader'],