Storybook.js破坏了通过webpack加载的字体

Question

我有一个使用Laravel Mix和Element组件库的项目-我刚刚安装了Storybook，但是Element中包含的字体文件不再在浏览器中正确加载（它们只是显示为空白方块）

仅安装以下软件包会以某种方式破坏字体加载（卸载它们会解决该问题）。

@storybook/addon-actions: "^6.0.21",
@storybook/addon-essentials: "^6.0.21",
@storybook/addon-links: "^6.0.21",
@storybook/vue: "^6.0.21",

经过研究，我倾向于认为问题与webpack配置有关-与字体文件的加载方式有关...我尝试将以下内容添加到我的webpack.mix.js中文件，该文件不起作用。

module: {
            rules: [
                {
                    test: /\.(png|woff|woff2|eot|ttf|svg)$/,
                    loaders: ['file-loader'],
                    include: path.resolve(__dirname, '../')
                }
            ]
        }

不确定下一步如何尝试！任何帮助，将不胜感激：）