Почему префикс "index_" добавлен к селекторам классов и идентификаторов в CSS, импортированном из веб-пакета
При импорте обычного файла CSS с помощью webpack он успешно импортирует и применяет CSS, но только для селекторов элементов. Я обнаружил, что проблема вызвана префиксом показатель_, который добавляется к селекторам классов и идентификаторов в импортированном блобе CSS из загрузчика стилей.
На исходной карте вы можете видеть, что исходный файл не имеет этих префиксов.
Так что вопрос остается. Зачем добавлены эти префиксы?
Покажите, пожалуйста, конфигурацию веб-пакета - вероятно, он настроен на добавление префикса
@rlemon, спасибо, что указали. У меня есть модули: true, настроенные в конфигурации webpack. Я включил ответ в вопрос.
@DonnyVerduijn, вместо того чтобы редактировать исходный вопрос, поместите найденный ответ в качестве ответа. Кажется странным отвечать на ваш собственный вопрос, но это очень полезно для будущих читателей и показывает людям, что на этот вопрос есть ответ, но он еще не открыт.
@ Ян Это имеет смысл, если подумать. Я создам отдельный ответ.
Ответы 1
После прочтения документации css-loader становится ясно, что такое поведение создается путем передачи modules: true в качестве опции css-loader в конфигурации веб-пакета. Это поведение можно изменить, используя нотацию :global(selector) со всеми селекторами классов и идентификаторов.
Из документов:
With :local (without brackets) local mode can be switched on for this selector. :global(.className) can be used to declare an explicit global selector. With :global (without brackets) global mode can be switched on for this selector.
как выглядит твоя конфигурация? также это может быть актуально