详解如何在Remix中使用tailwindcss

npm create remix <your_app_name>
cd <your_app_name>
npm install -D tailwindcss

module.exports = {
  tailwind: true,
  // ...
};

npx tailwindcss init --ts

import type { Config } from "tailwindcss";
export default {
   content: ["./app*.{js,jsx,ts,tsx}"],
   theme: {
      extend: {},
   },
   plugins: [],
} satisfies Config;

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

import type { LinksFunction } from "@remix-run/node"; // or cloudflare/deno
// ...
import styles from "./tailwind.css";
export const links: LinksFunction = () => [
  { rel: "stylesheet", href: styles },
];