Настройте имя класса модуля CSS в проекте Vue с помощью Vite js ⇐ CSS

[Anonymous]

В моем vite.config.ts у меня есть конфигурация для модулей CSS

Код: Выделить всё

return defineConfig({
...
css: {
...
modules: {
localsConvention: "camelCase",
generateScopedName: "[name]__[local]__[hash:base64:2]"
}
},
plugins: [
vue()
]
});

В результате я получаю такие имена классов.

Вывод имени класса модуля CSS.
Однако это генерирует ненужную строку между именем компонента и именем локального класса (что-то вроде этого) -vue-vue-type-style-index-0-lang-module

Как я могу получить избавиться от него и иметь формат типа ComponentName__class_hash
Я пытался использовать функцию для этого свойстваgenerateScopedName, но мне не удалось установить хеш для каждого класса
https://vitejs.dev/config/shared-option ... ss-modules

Подробнее здесь: https://stackoverflow.com/questions/770 ... th-vite-js