Стили React-Bootstrap не загружаются со сборником рассказов

Недавно я начал использовать сборник рассказов для своего проекта response-typescript и столкнулся с следующими проблемами:

1. У моих компонентов response-bootstrap нет стиля. Компоненты загружаются, но без стилей. Я пробовал использовать загрузчик стилей и загрузчик css в настраиваемой конфигурации веб-пакета, но это не сработало.
2. Я импортирую некоторые локальные шрифты, но шрифты всегда загружаются в папку «Шрифты». Есть ли способ загрузить шрифты в каталог / static / fonts? Я использую загрузчик файлов для загрузки шрифтов.
3. У меня есть файл globalStyles.tsx и файл iconStyles.tsx, которые я хотел бы глобально включить в iframe раскадровки. Как лучше всего это сделать?

Я веду сборник рассказов локально на localhost.

Ниже мой main.js с настраиваемой конфигурацией веб-пакета:

module.exports = {
  stories: ['../src/stories/**/*.stories.[tj]s','../src/stories/**/*.stories.tsx'],
  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
  webpackFinal: async config => {
    config.module.rules.push({
      test: /(?<!.*\.test)\.(ts|tsx)$/,
      use: [
        {
          loader: require.resolve('ts-loader'),
        }
      ]
    },
    {
      test: /\.ttf$|\.woff$|\.eot$|\.otf$/,
      use: [
        {
        loader: 'file-loader',
        options: {
          outputPath: '/static/fonts',
        },

        },
      ]

    },
    {
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    }
    );
    config.resolve.extensions.push('.ts', '.tsx');
    return config;
  },
};