tailwindcss、postcss、autoprefixer

┌──────────────────────────┐
│   HTML / Vue / React     │
│  <div class="flex ...">  │
└───────────┬──────────────┘
            ▼
┌──────────────────────────┐
│  Tailwind CSS 插件        │
│  （PostCSS 插件之一）      │
│  - 解析类名               │
│  - 生成对应的 CSS 样式     │
└───────────┬──────────────┘
            ▼
┌──────────────────────────┐
│  Autoprefixer 插件        │
│  （PostCSS 插件之一）      │
│  - 根据 browserslist 配置 │
│    自动加厂商前缀         │
└───────────┬──────────────┘
            ▼
┌──────────────────────────┐
│  PostCSS 核心引擎         │
│  - 作为平台依次调用插件   │
│  - 输出最终 CSS 文件      │
└───────────┬──────────────┘
            ▼
┌──────────────────────────┐
│   浏览器加载渲染          │
└──────────────────────────┘
Tailwind CSS
提供样式类 → CSS
Autoprefixer
给布料加“配件”厂商前缀
PostCSS
加工 调用插件
完成整个流水线