Vite Plugin
Readable ClassnamesСделайте имена классов CSS-модулей понятными и читаемыми

Начало работы ​

Добавьте плагин в свой проект, используя любимый пакетный менеджер!

npm install -D vite-plugin-readable-classnames

yarn add -D vite-plugin-readable-classnames

pnpm add -D vite-plugin-readable-classnames

bun add -d vite-plugin-readable-classnames

Миграция с vite-plugin-pretty-module-classnames ​

vite-plugin-readable-classnames это новое имя для vite-plugin-pretty-module-classnames. Это руководство поможет мигрировать с vite-plugin-pretty-module-classnames на vite-plugin-readable-classnames.

1. Удалите старый плагин и установите новый

npm uninstall vite-plugin-pretty-module-classnames
npm install -D vite-plugin-readable-classnames

yarn remove vite-plugin-pretty-module-classnames
yarn add -D vite-plugin-readable-classnames

pnpm remove vite-plugin-pretty-module-classnames
pnpm add -D vite-plugin-readable-classnames

bun remove vite-plugin-pretty-module-classnames
bun add -d vite-plugin-readable-classnames

2. Обновите импорт и использование плагина в vite.config.js или vite.config.ts

import { defineConfig } from 'vite'
import prettyModuleClassnames from 'vite-plugin-pretty-module-classnames'
import readableClassnames from 'vite-plugin-readable-classnames'

export default defineConfig {
  plugins: [prettyModuleClassnames()], 
  plugins: [readableClassnames()], 
}