Так же можно собирать отдельный бандл css для старых браузеров

Я пока что ещё не знаком с postcss, но как я понял, это такой инструмент для обработки css на стадии сборки.

С одной темой я понял мысль, css свойства можно раскрыть и скомпилировать в чистый текст. А если тем несколько и они объявляют css свойства, то в ie вы используете одну тему и при переключении, например, перезагружаете страницу, подключая другой css файл для старых браузеров в котором css переменные приведены к тексту?

Не совсем, там есть несколько нюансов. Но в целом там просто создается копия селекторов с разными раскрытыми переменными и все это дополняется миксами для компонентов

Input:

/* Theme/_color/Theme_color_default.css */
.Theme_color_default {
  --color: #fff;
}

/* Theme/_size/Theme_size_default.css */
.Theme_size_default {
  --size: 10px;
}

/* Button/Button.css */
.Button {
  color: var(--color);
  font-size: var(--size);
  box-sizing: border-box;
}

Output:

.Button {
  box-sizing: border-box;
}

.Theme_color_default .Button {
  color: #fff;
}

.Theme_size_default .Button {
  font-size: 10px;
}

с 2 темами соответственно будет чуть больше селекторов

в основном тема меняет только цветовую палитру, так что селекторов становится не особо больше

О, я понял. Выглядит удобно, спасибо

Вчера посмотрел запись субботника как серп с bemxjst на react переезжает.
За кадром осталось как организована сборка проекта в переходный период.
Может кто-то прояснить, как в проект на классическом стеке добавить реакт?

Там по сути две сборки, одна для реакта, вторая для классического стека

Все собирается в мини-приложения

и встравается в существующий проект

+ настроение общение через какую-то шину

Если смотреть на классическое-реакт приложение, то у тебя там 1 entry

на серпе этих entry много)

Я не совсем понимаю как результаты двух сборок собираются в одну html страницу с css+js

Не совсем понятно как страница связана с результатом сборки, сборка тебе отдает js+css бандл

подключаешь на странице с i-bem результат сборки реакт-приложения

и все

можно настроить наверное через webpackhtmlplugin