Блог

Главная - Вопросы по программированию - Селекторы атрибутов, не работающие с webpack в производстве

Селекторы атрибутов, не работающие с webpack в производстве

#webpack #sass

Вопрос:

Я использую селектор классов атрибутов в scss, и он отлично работает в режиме разработки. Однако в производстве не применялась укладка.

 .parent {
    display: flex;
    //....
    [class^='someName'] {
    //...
    }
}

У меня есть классы-потомки, начинающиеся с имени, которое применяет их стиль только в среде разработки с webpack. Любые идеи, как настроить webpack, чтобы это работало. P.S. Я использую модули, поэтому имена классов изменены на уникальные. Может быть, здесь проблема?

Комментарии:

1. Каков фактический CSS, применяемый в dev и в prod? Показывает ли Инспектор какие-либо различия?

2. При разработке применяется элемент {margin-top: 10 пикселей }. Это стиль, который я передаю селектору [class^=’someName’]. На элементе prod есть пустой элемент стиля {}.

3. Итак, в скомпилированном CSS определение полностью отсутствует? Чем отличаются определения окружающей среды?

Метки: ,