tailwindcss-cover-inpows
Info CSS Tech

Tailwind CSS dengan Just-In-Time Compiler

Tailwind CSS dengan Just-In-Time Compiler –  Situs resmi dari Tailwind CSS mengumumkan compiler terbarunya yaitu just-in-time compiler yang merupakan new experimental library. Compiler ini mampu mengkompilasi semua CSS anda sesuai dengan permintaan saat anda membuat file template, alih-alih membuat seluruh sytlesheet Anda di depan.

Ulasan Singkat

Berdasarkan pengumuman perilisan:

1. Salah satu kendala tersulit yang harus kami tangani saat kami menyempurnakan Tailwind CSS selama bertahun-tahun adalah ukuran file yang dihasilkan dalam pengembangan. Dengan penyesuaian yang cukup pada file konfigurasi, CSS yang dihasilkan bisa mencapai 10mb atau lebih, dan tidak begitu banyak CSS yang membangun alat dan bahkan browser itu sendiri akan mentolerirnya dengan nyaman.

2. Anda harus selalu berhati-hati dengan perubahan besar pada file konfigurasi Anda seperti menambahkan terlalu banyak breakpoint tambahan atau mengaktifkan varian tambahan seperti disabled or focus-visible.

3. Hari ini saya sangat bersemangat untuk membagikan proyek baru yang sedang kami kerjakan yang menjadikan pertimbangan ini sebagai hal di masa lalu yaitu just-in-time compiler untuk Tailwind CSS.

Video Showcase

Berikut adalah video yang menampilkan fitur baru:

Install Tailwind CSS: Just-In-Time

Anda dapat mencoba langsung dengan menginstalnya:

npm install -D @tailwindcss/jit tailwindcss postcss autoprefixer

Kemudian, anda bisa menyimpan pada PostCSS configuration:

// postcss.config.js
module.exports = {
  plugins: {
    '@tailwindcss/jit': {},
    autoprefixer: {},
  }
}

Anda bisa membaca mengenai Just-In-Time compiler untuk Tailwind CSS melalui link ini.

Baca Juga

Membuat Navigation Bar Menggunakan HTML dan CSS

Membuat Cloud Menggunakan HTML dan CSS

Cara Menghapus Data Browsing Chrome Menggunakan Shortcut Pada Keyboard