pnpm add -D tailwindcss @tailwindcss/postcss postcss
npm install -D tailwindcss @tailwindcss/postcss postcss
yarn add -D tailwindcss @tailwindcss/postcss postcss
bun add -D tailwindcss @tailwindcss/postcss postcss
在项目根目录创建 postcss.config.mjs:
postcss.config.mjs
export default { plugins: { "@tailwindcss/postcss": {}, }, };
在你的样式入口中引入 Tailwind:
/* app/popup/index.css */ @import "tailwindcss";
在页面入口中引入该 CSS 文件:
import "./index.css";
之后可直接在组件中使用 Tailwind 类名。