Можете ли вы удалить префикс класса CSS в React (модульный CSS)CSS

Разбираемся в CSS
Anonymous
Можете ли вы удалить префикс класса CSS в React (модульный CSS)

Сообщение Anonymous »


Я использую React и NextJS и заметил, что при использовании модульных файлов scss к именам классов автоматически добавляется имя файла?

Есть ли способ отключить это? Поскольку это делает DOM довольно трудным для чтения.

Е.Г. в моем коде ниже классом div является "splash_splashContent_3R9Lp", хотя я бы предпочел, чтобы это было "splashContent_3R9Lp" и не имело префикса имени файла scss .

Возможно ли это?

Структура файла

Компоненты - Всплеск - Всплеск.jsx - всплеск.модуль.scss JSX:

импортировать React из «реагировать» импортировать стили из «./splash.module.scss» экспортировать const Splash = (реквизит) => { возвращаться ( Здесь находится текст-заставка
) };
SCSS

.splashContent { пример кода находится здесь } DOM

Здесь находится текст-заставка

Вернуться в «CSS»