Использование переменной sass style с ssr при использовании пакета ignore-styles
Я использую настройки, аналогичные - https://github.com/ayroblu/ssr-create-react-app-v2 а также предварительную обработку sass.
Теперь стили были проигнорированы на стороне сервера с помощью пакета ignore-styles -
// Ignore those pesky styles
require('ignore-styles');
// require('babel-polyfill');
// Set up babel to do its thing... env for the latest toys, react-app
for CRA
require('babel-register')({
ignore: /\/(build|node_modules)\//,
presets: ['env', 'react-app'],
plugins: [
'syntax-dynamic-import',
'dynamic-import-node',
'react-loadable/babel'
]
});
Однако в компонентах везде, где мы использовали код, похожий на -
import style from './style.scss';
<div className={cx('align-center', style['center'])}></div>
Имена классов, на которые ссылается переменная style, не отображаются на стороне сервера (из-за ignore-styles), но отлично работают во внешнем интерфейсе.
Как мы можем убедиться, что имена классов работают идеально, не нарушая рендеринг на стороне сервера?