-
npm init
npm install -D tailwindcss
npx tailwindcss init
index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</body>
</html>
- styles/style.css
@tailwind base;
@tailwind components;
@tailwind utilities;
- Configuration tailwind.config.js
tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./index.html", "./pages/**/*.html/"],
theme: {
extend: {},
},
plugins: [],
}
- watching pages
npx tailwindcss -i ./styles/index.css -o ./styles/output.css --watch