Подключение шрифтов webpack 4

Изучаю вебпаке - получается следующая система. Есть основная папка для разработки (src). В ней заложена следующая система

-src
 -assets
  -fonts
  -scss
  -js
 -views

В одном из файлов папки scss подключаю стили

(
src: url('/assets/fonts/mp.ttf') format('truetype'),
      url('/assets/fonts/mp.woff') format('woff');
)

Шрифты, вьюхи копируются из папки с помощью CopyWebpackPlugin в папку dist, у которой такая система получается:

-dist
 -assets
  -fonts
  -css
  -js
 -views

Для шрифтов подключил в вебпаке:

{
                test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'file-loader',
                options: {
                    name: '[name].[ext]',
                }
            },

Все в папках есть, и шрифты, и стили, и скрипты. Но получаю след. ошибки в консоли. С чем может быть связано? Как - то дополнительно нужно подключать шрифты?

file:///D:/assets/fonts/mp.ttf net::ERR_FILE_NOT_FOUND index.html:1 GET file:///D:/assets/fonts/mp.woff net::ERR_FILE_NOT_FOUND

Но если подключать по-другому:

{
                test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
                loader: 'file-loader',
                options: {
                    name: '../fonts/[name].[ext]',
                }

            },

scss:

src: url('../fonts/mp.ttf') format('truetype'),
      url('../fonts/mp.woff') format('woff');

То все работает, но создается папка fonts, рядом с папкой dist -_-