Tailwind CSS V4, организация файла/папки/структуры каталогов? ⇐ CSS

[Anonymous]

Само само собой разумеется, я новичок, < /p>
Я недавно попал в следующую JS-V15 и Tail-V4. Я одержим функционально оптимальным структурированием файлов/каталогов. Я хочу знать, как организовать файлы CSS Tailigh? />
Когда есть недействительное объявление CSS с неверным ветром, приложение разбивается, и весь стиль удаляется, но даже после того, как я решу проблему, стиль не возвращается, я должен либо пойти и сделать съемку в моих глобальных точках. CSS или перезапустить приложение. Эта проблема начала появляться в одном из моих проектов в последнее время, другие, использующие одну и ту же структуру файлов, не имеют этой проблемы < /li>
< /ul>
Ищу решение, которое предотвращает беспорядок, в идеале я не хочу писать стили в моих глобальных.@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

@import './tokens.css';
@import './base.css';
@import './components.css';
@import './utilities.css';

< /code>
base.css:
@layer base {
html body {
@apply bg-brand-neutral-50 p-3 md:p-4 lg:p-5 text-brand-neutral-950;
}
}
< /code>
components.css:
@layer components {
/* NAVBAR */
.nav-items-container {
@apply flex gap-4 lg:gap-10 px-8 lg:px-15;
}
.nav-item-container {
@apply w-25 h-14 rounded-t-[20px] relative;
}
.nav-item-container[data-active="true"] {
@apply bg-hero-bg;
}
.nav-item-text {
@apply uppercase text-brand-neutral-600 text-xs font-medium font-general-sans;
}
}
< /code>
и т. Д.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -structure