separator

Опция separator позволяет настроить символы, используемые для объединения частей сгенерированного имени класса.
Вы можете переопределить любые из следующих полей (все они необязательные, значения по умолчанию указаны ниже):

Поле	По умолчанию	Описание
`beforeHash`	`'_'`	Разделитель перед частью с хэшем
`beforeClassName`	`'__'`	Разделитель между именем файла и именем класса
`beforeLineNumber`	`'-'`	Разделитель перед номером строки (если включено)

Пример использования:

import readableClassnames from 'vite-plugin-readable-classnames'

export default defineConfig({
  plugins: [
    readableClassnames({
      separator: {
        beforeClassName: '--', // Использует двойное тире вместо двойного подчёркивания
      }
    })
  ]
})

В этом случае имена классов будут выглядеть так: SomeComponent--classname_abcd1

TIP

Вы можете указывать только те поля, которые хотите переопределить; остальные будут использовать значения по умолчанию.

separator ​

separator