Mage

Build web applications with Deno

Mage Tailwindcss

Tailwindcss plugin for Mage.

Getting started

Install the plugin.

deno add jsr:@mage/tailwindcss npm:tailwindcss

Apply the plugin to your Mage app.

import { MageApp } from "@mage/app";
import { tailwindcss } from "@mage/tailwindcss";

export const app = new MageApp();

app.plugin(
  tailwindcss({
    entry: "./src/main.css",
    output: "./public/main.css",
  }),
);

Watch mode

When running app.develop() the plugin will compile your CSS automatically on changes.

Building for production

When running app.build() the plugin will compile your CSS once and optimise it for production.