Cara Menggunakan Tailwind CSS Tanpa Node.js

Hari ini, saat saya menulis artikel ini. Tailwind CSS sudah resmi merilis Tailwind Standalone CLI.

Pada dasarnya, Tailwind CSS Di distribusi dari javascript, yang sudah pasti kita pasti membutuhkan yang namanya Node.js dan NPM yang sudah terinstall untuk menggunakannya.

Tetapi jika kita di hadapkan dengan Rails, maka ini akan berbeda, seperti yang ada artikel nya DHH.

So in Rails 7, we're simultaneously offering a great, default way to avoid dealing with the entire node/npm/bundling setup and offering a fully-supported alternate route that embraces all of those things. But we're going to do it in a different way than before. Read More

Intinya, ketika Tailwind CSS dihadapkan dengan Rails ataupun Phoenix, maka ini akan sangat sulit dikarenakan mereka sudah menjahui NPM dengan alasan tersendiri.

Oleh karena itu, Tailwind CSS merilis Standalone CLI yang mendukung dibeberapa sistem operasi seperti:

• Linux (x64)
• macOS (arm64)
• macOS (x64)
• Windows (x64)

Berikut adalah contoh bagaimana installasi nya di macOS (arm64) di terminal.

curl -sLO https://github.com/tailwindlabs/tailwindcss/releases/latest/download/tailwindcss-macos-arm64
chmod +x tailwindcss-macos-arm64
mv tailwindcss-macos-arm64 tailwindcss

Setelah itu, sekarang Anda bisa menggunakannya layaknya menggunkan NPM CLI seperti berikut.

# tailwind.config.js
./tailwindcss init

# Development
./tailwindcss -i input.css -o output.css --watch

# Production
./tailwindcss -i input.css -o output.css --minify

¶CLI mana yang harus saya pakai ?

Sebenarnya, ini tergantung project Anda, jika memang project Anda sudah memang mempunyai atau memang membutuhkan npm by default, Anda tidak perlu menggunakan CLI Standalone ini. Dan perlu di garis bawahi, bahwa saat sekarang ini, tidak ada belum perbedaan antara menggunakan Tailwind CSS Cli maupun NPM Cli. Kedua-duanya bekerja dengan baik seperti biasanya.

We're now distributing a standalone version of Tailwind CLI — perfect for projects that don't otherwise need Node.js or npm. This is going to be the default integration path for Rails 7, and the Phoenix team is exploring it as well.

Tweet by Adam Whatan on Dec 16, 2021.

Semoga artikel ini bermanfaat. Oia, jangan lupa nanti nonton seri Belajar Tailwind CSS 3 di Parsinta ya.