Использование переменной sass style с ssr при использовании пакета ignore-styles - PullRequest
Новая
       76

Использование переменной sass style с ssr при использовании пакета ignore-styles

0 голосов
/ 24 апреля 2018

Я использую настройку, аналогичную - 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), но отлично работают на внешнем интерфейсе.

Как мы можем убедиться, что имена классов работают идеально, не нарушая рендеринг на стороне сервера?

...