Webpack React引导样式未与storybook一起加载

我最近开始在react typescript项目中使用storybook，并遇到以下问题：

我的react引导组件没有样式。组件是 加载但没有样式。我尝试使用样式加载器和css 加载程序位于自定义网页包配置中，但不起作用

我正在导入一些本地字体，但字体总是加载的 在字体文件夹中。有没有办法加载字体 /静态/字体目录？我正在使用文件加载器加载字体

我有一个globalStyles.tsx文件和一个iconStyles.tsx文件 希望在故事板iframe中全局包含。你会怎么做 最好的办法是什么

我正在本地主机上运行storybook

下面是我的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;
  },
};

module.exports={
故事：['../src/stories/***.stories.[tj]s'，'../src/stories/***.stories.tsx']，
插件：['@storybook/addon actions'，'@storybook/addon links']，
WebPackageFinal:async配置=>{
config.module.rules.push({
测试：/（？我没有一个正式的答案，但可能故事书在默认情况下无法确定正在使用引导

我正在做的一个快速解决方法是在stories.js文件上添加以下行import'bootstrap/dist/css/bootstrap.css'；。它允许我以正确的样式可视化我的reactrsap组件。
您所要做的就是将css文件导入
.storybook/preview.js
，如图所示。
e为什么这是投票最多的答案。这是显而易见的，并没有回答如何让引导风格与故事书一起工作的问题。我发现这个问题正是因为我试图在故事书中拥有自己的react-boostrap组件，但它们缺乏风格。我给出的答案是在故事书discord频道中向我建议的。它你解决了我的问题。这方面运气好吗？我尝试了所有的答案，但没有运气。