Имена классов в React production
Я использую create-response-app-2, недавно я развернул свое приложение в производственной среде (создание приложения для реагирования с использованием npm run build).
У меня есть ряд проблем / вопросов.
- Имена моих классов преобразуются в форму jssxxx. Можете ли вы сказать мне, почему это так и какая часть приложения create-react-app отвечает за это? CSS-загрузчик?
- Я стилизую пользовательский интерфейс материала с помощью стилизованных компонентов, и иногда мои стили не применяются. С чего бы начать отладку этого в продакшене?
Кстати, все стили, кажется, применяются в разработке.
возможно, они используют этот пакет внутри компании. cssinjs.org/?v=v9.8.7
Есть несколько проблем, которые могут здесь повлиять. Имена классов jss берутся из генератора имен классов JSS, который использует material-ui. Возможно, вы разделяете свой код таким образом, что используются два экземпляра этого генератора имен классов, которые создают конфликтующие имена. Для получения дополнительной информации: material-ui.com/getting-started/faq/… Также убедитесь, что вы не смешиваете импорт для основного модуля material-ui и модуля /es, это также приведет к смешиванию стилей.
стилизованные компоненты создают для вас имена классов. Если вы оборачиваете material-ui в
styled-components, я готов поспорить, что это внесет свой вклад. Хотя я никогда не видел, чтобы они использовали префикс jss. Обычно они используют sc-xxxxxx