Можете ли вы удалить префикс класса CSS в React (модульный CSS) ⇐ CSS
-
Anonymous
Можете ли вы удалить префикс класса CSS в React (модульный CSS)
Я использую React и NextJS и заметил, что при использовании модульных файлов scss к именам классов автоматически добавляется имя файла?
Есть ли способ отключить это? Поскольку это делает DOM довольно трудным для чтения.
Е.Г. в моем коде ниже классом div является "splash_splashContent_3R9Lp", хотя я бы предпочел, чтобы это было "splashContent_3R9Lp" и не имело префикса имени файла scss .
Возможно ли это?
Структура файла
Компоненты - Всплеск - Всплеск.jsx - всплеск.модуль.scss JSX:
импортировать React из «реагировать» импортировать стили из «./splash.module.scss» экспортировать const Splash = (реквизит) => { возвращаться ( Здесь находится текст-заставка
) };
SCSS
.splashContent { пример кода находится здесь } DOM
Здесь находится текст-заставка
Я использую React и NextJS и заметил, что при использовании модульных файлов scss к именам классов автоматически добавляется имя файла?
Есть ли способ отключить это? Поскольку это делает DOM довольно трудным для чтения.
Е.Г. в моем коде ниже классом div является "splash_splashContent_3R9Lp", хотя я бы предпочел, чтобы это было "splashContent_3R9Lp" и не имело префикса имени файла scss .
Возможно ли это?
Структура файла
Компоненты - Всплеск - Всплеск.jsx - всплеск.модуль.scss JSX:
импортировать React из «реагировать» импортировать стили из «./splash.module.scss» экспортировать const Splash = (реквизит) => { возвращаться ( Здесь находится текст-заставка
) };
SCSS
.splashContent { пример кода находится здесь } DOM
Здесь находится текст-заставка
Мобильная версия