by Guest » 14 Jan 2025, 12:00
Ich habe versucht, CSS zu verwenden, jetzt installiere ich nur Rückenwind-CSS mit npm, und dann erstelle ich das CSS und stelle die Ausgabe.css bereit. Aber wenn ich die bg-black-Klasse in einer Schaltfläche zum Testen verwende, funktioniert sie immer noch nicht.
Hier ist der Build-Befehl, den ich verwende:
Code: Select all
tailwindcss -i ./src/style.css -o ./dist/output.css
Ich habe es in das Skript in package.json eingefügt
Verzeichnisdateipfad:
in src/style.css
Code: Select all
@tailwind base;
@tailwind components;
@tailwind utilities;
in tailwind.config.js
Code: Select all
theme: {
extend: {
// ...
},
},
plugins: [],
}
in dist/index.html
Das HTML im Browser-Ergebnis:
[img]https: //i.sstatic.net/kN2Ut.png[/img]
Ich habe versucht, CSS zu verwenden, jetzt installiere ich nur Rückenwind-CSS mit npm, und dann erstelle ich das CSS und stelle die Ausgabe.css bereit. Aber wenn ich die bg-black-Klasse in einer Schaltfläche zum Testen verwende, funktioniert sie immer noch nicht.
Hier ist der Build-Befehl, den ich verwende:
[code]tailwindcss -i ./src/style.css -o ./dist/output.css[/code] Ich habe es in das Skript in package.json eingefügt
Verzeichnisdateipfad:
[img] https://i.sstatic.net/WwfZv.png[/img]
in src/style.css
[code]@tailwind base;
@tailwind components;
@tailwind utilities;
[/code]
in tailwind.config.js
[code] theme: {
extend: {
// ...
},
},
plugins: [],
}
[/code]
in dist/index.html
[code]
Learn Tailwind
Awesome
[/code]
[b]Das HTML im Browser-Ergebnis:[/b]
[img]https: //i.sstatic.net/kN2Ut.png[/img]