Ошибка подключения шрифта Webpack

Question

Подскажите пожалуйста, не подключается шрифт, когда я выношу его отдельно в файл fonts.scss

app.scss

@import '../assets/fonts.scss';
h1 {
  background: red;
  font-family: 'SF-Bold';
}

fonts.scss

    @font-face {
      font-family: "SF-Bold";
      src: url("./fonts/SFUIText-Bold.woff") format("truetype");
    }

$FONT_FAMILY: 'SF-Bold';

Вот сам webpack.config.js

{
        test: /\.(png|jpe?g|gif|ico)$/i,
        use: [{
          loader: 'file-loader',
        }],
      },

Выскакивает ошибка Cannot find module './fonts/SFUIText-Bold.woff'. Буду рад любой помощи