将自定义样式添加到react-styleguidist库

Question

我正在尝试使用react-styleguidist库创建项目文档。但是，我有一个问题。好吧，在项目中我确实将单位 rem 重置为使用 10px 的倍数，而不是 16px。

一切都很好，但我是在应用程序样式的根源上做到的。Stylegudist 没有看到它。如何将这样的行添加到文档库中？

html {font-size: 62.5%; / * Now 10px = 1rem! * /}

或者换个方式。我不想将 rem 重置到我的每个组件样式。

干杯，丹尼尔

Answer 1

根据@ArtemSapegin的建议，我找到了这个存储库，结果证明它非常有帮助！我希望它将来能解决其他人的问题！

这就是我的样子styleguide.config.js。

module.exports = {
    template: {
        head: {
            links: [
                {
                    rel: 'stylesheet',
                    href: 'https://fonts.googleapis.com/css?family=Montserrat:400,600'
                }
            ]
        }
    },
    theme: {
        fontFamily: {
            base: '"Montserrat", sans-serif',
            fontSize: '62.5%'
        }
    }
};