Я использую приложение create-Reaction-app v2.
У меня есть компонент с несколькими именами классов: "x15 x14 login-form__field". В HTML они имеют одинаковый порядок в обеих средах.
В производственной сборке «.x14» имеет более высокий приоритет, чем «login-form__field». Они обращены (и правильно) в развитии. Есть идеи? Я знаю, что webpack выполняет некоторые операции по подъему и последующей обработке, но не уверен, почему это повлияет на него.
Приветствия
- Обновление -
Я только что заметил, что пользовательский класс загружается как встроенный стиль, поэтому он получает приоритет. Я предполагаю, что веб-пакет делает это. В любом случае, мы можем указать webpack / CRA загружать стили как таблицы стилей, а не как встроенные. В противном случае это означает, что стили не являются репрезентативными для производства.
- Второе обновление -
Create-Reaction-app использует styleLoader для встроенных стилей в dev для горячей перезагрузки и генерирует CSS только для производства. Это имеет смысл.