我使用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',
}
}
}
};
组件样式正常工作。全局版本尽管可以与热重装一起正常工作,但在构建版本时会被忽略。