Material UI / Webpack / React - оптимизация / минимизация класса в рабочем режиме

webpack - v4+
material ui - v4.9.6
react - v16.12.0

Нормальным образом все классы должны быть последними из первого примера. По какой-то причине в производственном режиме многие классы не меняются. Любая идея?

Пример 1:

<div class="MuiDrawer-root MuiDrawer-docked jss408"></div>

Пример 2:

<div class="MuiPaper-root jss469 MuiPaper-elevation1 MuiPaper-rounded"></div>

Всего 1 ответ


Стили className не разработаны как детерминированные в режиме prod.

Но сгенерированные имена классов компонентов @material-ui/core ведут себя по-разному. Когда выполняются следующие условия, имена классов являются детерминированными:

  • Используется только один поставщик тем (без вложения тем)
  • Имя таблицы стилей начинается с Mui (все компоненты Material-UI).
  • Параметр disableGlobal генератора имен классов имеет значение false (по умолчанию).

См:


Есть идеи?

10000