内置的react styleguide忽略自定义样式

时间:2019-04-29 11:37:01

标签: reactjs styles react-styleguidist

我使用react-styleguidist库构建了项目样式指南。到现在为止,一切都还不错,因为我使用的是带有热负载的开发版本。构建决赛之后,我得知我的自定义样式将被忽略。

该项目是使用create-react-app库创建的,我添加了TypeScript和react-stylegudist。一切根据文档。我要做的是编写将由我的组件继承的全局样式。

这是我的 styleguide.config.js 的样子:

module.exports = {
    webpackConfig: require('react-scripts/config/webpack.config'),
    propsParser: require('react-docgen-typescript').parse,
    title: 'Example styleguide',
    components: 'src/{components,containers}/**/*.tsx',
    styles: {
        StyleGuide: {
            '@global body': {
                backgroundColor: 'red',
                color: '#FFEB3B',
            }
        }
    }
};

组件样式正常工作。全局版本尽管可以与热重装一起正常工作,但在构建版本时会被忽略。

0 个答案:

没有答案