Machen Sie Railwindcss v4 nicht ignorieren Sie CSS -Dateien ⇐ CSS

[Anonymous]

Umgebung

• NEXT.JS 15.3.2
• Tailwindcss ^4.1.6
• postcss ^8.5.3
• postcss ^8.3.3
• postcss ^8.3.3
• postcs /> @tailwindcss/postcss ^4.1.6

Beschreibung
Vor kurzem wurden alle meine Projekte mit Tailwindcss zusammen mit .module.css . Trotz offizielle Empfehlungen < /strong>, die folgt: < /p>

CSS-Module
Rückenwind ist mit CSS-Modulen kompatibel, und können mit ihnen koexistieren, wenn Sie mit ihnen nicht mehr in ein Projekt einführen. It.

Ich habe dieses Paar zusammen verwendet, weil ich Lesbarkeit mag, und alle Klassen in eine Zeile zu lesen. Erkennen: < /p>

Welche Dateien werden scannt
-
Tailwind scannen jede Datei in Ihrem Projekt für Klassennamen, außer in den folgenden Fällen: < /p>

• Dateien, die in Ihren .Gitignore-Dateien sind. /> CSS -Dateien
• Common Paket Manager -Sperrdateien

Mit diesen Informationen geben sie uns Möglichkeiten, wie Dateien explizit Dateien registrieren. Das habe ich versucht zu tun, aber immer noch funktioniert nichts.

Code: Select all

@import "tailwindcss";
@source "../";

body, html {
@apply w-dvw h-dvh;
@apply p-0 m-0;
}

Src/app/layout.tsx:

Code: Select all

import "./globals.css";

export default function RootLayout({
children,
}: Readonly) {
return (

{children}

);
}

Src/app/page.tsx:

Code: Select all

import s from './page.module.css';

export default function Home() {
return 
}

Src/app/page.module.css:

Code: Select all

.main {
@apply w-full h-full bg-slate-700;
}

und bei Ausgabe sehe ich nicht einmal, dass die Klasse dem Element zugeordnet wird: