|
19 | 19 | </samp> |
20 | 20 | </p> |
21 | 21 |
|
22 | | - [<img alt="NPM Version" src="https://img.shields.io/npm/v/vite-plugin-readable-classnames?style=flat-square&color=07912E&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames) |
23 | | - [<img alt="NPM Downloads" src="https://img.shields.io/npm/dw/vite-plugin-readable-classnames?style=flat-square&color=7F78D1&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames) |
24 | | - [<img alt="Coverage" src="https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames/graph/badge.svg?token=CQY9WXG41L">](https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames) |
| 22 | +[<img alt="NPM Version" src="https://img.shields.io/npm/v/vite-plugin-readable-classnames?style=flat-square&color=07912E&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames) |
| 23 | +[<img alt="NPM Downloads" src="https://img.shields.io/npm/dw/vite-plugin-readable-classnames?style=flat-square&color=7F78D1&labelColor=1f2033">](https://npmjs.com/package/vite-plugin-readable-classnames) |
| 24 | +[<img alt="Coverage" src="https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames/graph/badge.svg?token=CQY9WXG41L">](https://codecov.io/gh/teplostanski/vite-plugin-readable-classnames) |
25 | 25 |
|
26 | 26 | <p>Сделайте имена классов CSS-модулей понятными и читаемыми — плагин автоматически добавляет имя файла модуля и другую полезную информацию к именам классов для удобной разработки.</p> |
27 | 27 |
|
28 | 28 | <p>Входит в <a href='https://github.com/vitejs/awesome-vite'>список Awesome Vite.js <img src='https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg' alt='Awesome'></a></p> |
29 | 29 | </div> |
30 | 30 |
|
31 | | -## 🪞 Зеркало репозитория |
| 31 | +## 🪞 Зеркало репозитория |
32 | 32 |
|
33 | 33 | [**Тут!**](https://codeberg.org/teplostanski/vite-plugin-readable-classnames) |
34 | 34 |
|
|
37 | 37 | ```bash |
38 | 38 | npm install -D vite-plugin-readable-classnames |
39 | 39 | ``` |
| 40 | + |
40 | 41 | ```bash |
41 | 42 | yarn add -D vite-plugin-readable-classnames |
42 | 43 | ``` |
| 44 | + |
43 | 45 | ```bash |
44 | 46 | pnpm add -D vite-plugin-readable-classnames |
45 | 47 | ``` |
| 48 | + |
46 | 49 | ```bash |
47 | 50 | bun add -d vite-plugin-readable-classnames |
48 | 51 | ``` |
@@ -84,6 +87,7 @@ export default defineConfig({ |
84 | 87 | > **Что такое сгенерированные имена классов и где они видны?** |
85 | 88 | > |
86 | 89 | > Когда вы используете CSS-модули, итоговые имена классов автоматически генерируются сборщиком (например, Vite или Webpack). Эти имена видны: |
| 90 | +> |
87 | 91 | > - в HTML-коде страницы (через DevTools браузера); |
88 | 92 | > - в итоговом CSS-файле; |
89 | 93 | > - при отладке в браузере, когда вы ищете нужный элемент или стиль. |
@@ -124,5 +128,11 @@ export default defineConfig { |
124 | 128 | <h2> © Лицензия</h2> |
125 | 129 | <a href="https://github.com/teplostanski/vite-plugin-readable-classnames/blob/main/LICENSE">MIT</a> License © 2024-настоящее время <a href="https://github.com/teplostanski">teplostanski</a> |
126 | 130 |
|
127 | | -<h2> ❤ Поддержать проект</h2> |
128 | | -<a href="https://donate.teplostan.ski" target="_blank">donate.teplostan.ski</a> |
| 131 | +<br> |
| 132 | +<br> |
| 133 | + |
| 134 | +<div> |
| 135 | + <a href="https://donate.teplostan.ski" target="_blank"> |
| 136 | + <img src="https://src.teplostan.ski/support-the-project.svg" alt="Поддержать проект ❤"> |
| 137 | + </a> |
| 138 | +</div> |
0 commit comments