Skip to content

Instantly share code, notes, and snippets.

@saulomatias

saulomatias/tailwindcss.bat

Last active January 9, 2022 19:07
Show Gist options
  • Save saulomatias/540e46158cef098521ec0234a5eaed5d to your computer and use it in GitHub Desktop.
Save saulomatias/540e46158cef098521ec0234a5eaed5d to your computer and use it in GitHub Desktop.
Download ZIP
Windows Bat Tailwind 3
Raw
tailwindcss.bat
npm install -D tailwindcss
npx tailwindcss init
Set-Content -Path .\tailwind.config.js -Value 'module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}'
mkdir src
echo > src/input.css
Set-Content -Path .\src\input.css -Value '@tailwind base;
@tailwind components;
@tailwind utilities;'
echo > src/index.html
Set-Content -Path .\src\index.html -Value '<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/dist/output.css" rel="stylesheet">
</head>
<body>
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</body>
</html>'
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment