Почему префикс «index_» добавлен в селекторы классов и идентификаторов в импортированном веб-пакете CSS

Question

При импорте обычного файла CSS с веб-пакетом, он успешно импортирует и применяет CSS, но делает это только для селекторов элементов. Я обнаружил, что проблема вызвана префиксом index_ , который добавляется к селекторам классов и идентификаторов в импортированном BLOB-объекте CSS из style-loader.

На исходной карте видно, что исходный файл не имеет этих префиксов.

Так что вопрос остается. Почему добавлены эти префиксы?

Answer 1

После прочтения документации css-загрузчика становится ясно, что это поведение создается путем передачи modules: true в качестве опции css-loader в конфигурации веб-пакета. Это поведение можно переопределить, используя нотацию :global(selector) со всеми селекторами класса и идентификатора.

Из документов:

С помощью: локальный (без скобок) локальный режим может быть включен для этого селектор. : global (.className) может использоваться для объявления явного Глобальный селектор. С: глобальный (без скобок) глобальный режим может быть включен для этого селектора.