npm init -y

npm install -D tailwindcss

npx tailwindcss init\\

Kết quả là tệp cấu hình tailwind.config.js được tạo trong thư mục gốc của dự án của bạn.

module.exports = {
  content: ["./Pages/**/*.cshtml", "./Views/**/*.cshtml"],
  theme: {
    extend: {},
  },
  plugins: [],
}

module.exports = {
    content: ["./Views/**/*.cshtml",
        "./Views/*.cshtml",
        "./Area/*.cshtml",
        "./Area/**/ *.cshtml"],
    theme: {
        extend: {},
    },
    plugins: [],
}

ASP .NET MVC

@tailwind base;
@tailwind components;
@tailwind utilities;

{
  "name": "razor",
  "version": "1.0.0",
  "main": "index.js",
  "-vs-binding": {     "BeforeBuild": [ "css:build" ]    },
  "scripts": {
    "css:build": "npx tailwindcss -i ./wwwroot/css/site.css -o ./wwwroot/css/styles.css --minify"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "devDependencies": {
    "tailwindcss": "^3.4.4"
  }
}

<Project Sdk="Microsoft.NET.Sdk.Web">

  <PropertyGroup>
    <TargetFramework>net8.0</TargetFramework>
    <Nullable>enable</Nullable>
    <ImplicitUsings>enable</ImplicitUsings>
  </PropertyGroup>
  <ItemGroup>
    <UpToDateCheckBuilt Include="tailwind.config.js" Set="Css" />
  </ItemGroup>

  <Target Name="Tailwind" BeforeTargets="Build">
    <Exec Command="npm run css:build"/>
  </Target>
</Project>

<link rel="stylesheet" href="~/css/styles.css" asp-append-version="true" />