Wie konfigurieren Sie den Tailwind CSS V4 in einem ASP.NET -MVC -Projekt? ⇐ C#

[Anonymous]

Ich arbeite daran, den Tailwind -CSS in einem ASP.NET -MVC -Projekt einzurichten, und zuvor mit dem Tailwind V3 beinhaltete der Prozess die Initialisierung eines Tailwind.config.js < /code> -Fatei und die Angabe des CSS -Ausgangsorts. Projekt < /li>
[*] Starten Sie ein Node.js-Projekt mit:

Code: Select all

npm init -y
< /code>
< /li>
 Installieren Sie den Mischwind-CSS mit:
npm install -D tailwindcss
< /code>
< /li>
 Hinzufügen eines Skripts zu package.json < /code> Für die CSS-Kompilierung:
"scripts": {
"css:build": "npx tailwindcss -o ./wwwroot/css/styles.css --minify"
}
< /code>
< /li>
 Initialisieren Sie die Tailwind-Konfiguration mit:
npx tailwindcss init
< /code>
< /li>
 modifizierenmodule.exports = {
content: [
'./Pages/**/*.cshtml',
'./Views/**/*.cshtml'
],
theme: {
extend: {},
},
plugins: [],
}

[*] Erstellen und Konfigurieren von Site.css in wwwroot/css :

Code: Select all

@tailwind base;
@tailwind components;
@tailwind utilities;
< /code>
< /li>
 Modify .csproj < /code> Datei, um sicherzustellen, dass das CSS vor der Bereitstellung erstellt wird:
>







< /code>
< /li>
 Fügen Sie die generierte CSS-Datei in _layout.cshtml < /code>:
 ein.
< /code>
< /li>
< /ol>
In Tailwind CSS v4, der herkömmlichen Konfigurationsdatei (jedoch in Tailwind CSS v4 (herkömmliche Konfigurationsdatei () (tailwind.config.js

) wird standardmäßig nicht mehr generiert und es gibt keine CSS -Datei im Ordner .bin . Zusätzlich können wir NPX Tailwindcss -i nicht mehr verwenden, um eine Eingabe -CSS -Datei anzugeben. Unklar, wie Sie Inhaltspfade für Rasierseiten angeben. -Minify .
Da der Ordner von .bin nicht mehr CSS mit dem Rückenwind enthält, wird der Build -Prozess nicht korrekt angewendet. Kern -MVC -Projekt? Da NPX Tailwindcss -i nicht mehr unterstützt wird, was ist die neue Best Practice für die Behandlung von CSS -Kompilierung?>