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

问题描述

我有一个使用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,'../')
                }
            ]
        }

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）