Я создал руководство по стилю моего проекта, используя библиотеку реагировать на стиль гидов.До сих пор все было хорошо, потому что я работал с версией разработки с горячей загрузкой.После создания финала я узнал, что мои пользовательские стили игнорируются.
Проект был создан с помощью библиотеки create-реагировать-приложение, я добавил TypeScript и response-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',
}
}
}
};
Стили компонентов работают правильно.Глобальные, хотя они отлично работают с горячей перезагрузкой, игнорируются при сборке версии.