есть проект, сборка через
create-react-app (я так понимаю, что настройки webpack где-то внутри пакета react-scripts и не редактируются так просто (поправьте как можно, если я не прав)).
по умолчанию className в готовой верстке собирается из модуля стилей как
[filename]\_[classname]\_\_[hash]
структура папки c компонентом
Input.jsx
Input.module.scss
index.js
// Input.module.scss
.input {
font: 16px;
}
в верстке мы получаем className
Input_input__hash, что лично мне очень режет глаз.
в некоторых проектах встречал, что имена генерируются без названия файла модуля, просто
[classname]\_\_[hash]
подскажите как это настроить ? или может быть мне нужно переосмыслить нейминг файлов. Как правильно(принято)?