Instalación
Configuración de Tailwind CSS en un proyecto Rspack.
Comienza creando un nuevo proyecto Rspack si aún no tienes uno configurado. El enfoque más común es utilizar la CLI de Rspack.
npm create rspack@latestInstala @tailwindcss/postcss y sus dependencias directas.
npm install tailwindcss @tailwindcss/postcss postcss postcss-loaderEn tu archivo rspack.config.js, habilita el cargador de PostCSS. Consulta la documentación para obtener más información.
export default defineConfig({ // ... module: { rules: [ { test: /\.css$/, use: ["postcss-loader"], type: "css", }, // ... ], },}Crea un archivo postcss.config.mjs en la raíz de tu proyecto y añade el plugin @tailwindcss/postcss a tu configuración de PostCSS.
export default { plugins: { "@tailwindcss/postcss": {}, },};Añade un @import a ./src/index.css que importe Tailwind CSS.
@import "tailwindcss";Ejecuta tu proceso de compilación con npm run dev.
npm run devComienza a usar las clases de utilidad de Tailwind para dar estilo a tu contenido.
export default function App() { return ( <h1 className="text-3xl font-bold underline"> Hello world! </h1> )}