โครงการ Tailwind เฟรมเวิร์ค CSS ยอดนิยมออกรุ่น 4.0 Beta 1 เบต้าแรกที่น่าจะแสดงให้เห็นว่าตัวจริงมีฟีเจอร์อะไรบ้าง โดยความเปลี่ยนแปลงมี 4 ด้านหลัก ได้แก่
- ประสิทธิภาพเพิ่มขึ้นชัดเจน: กระบวนการ build แบบเต็มรูปแบบเร็วขึ้น 3.78 เท่า เหลือเพียง 100ms และการทำ incremental rebuild ทำได้แทบจะทันที
- คอนฟิกในตัว CSS เลย: จากเดิมที่การคอนฟิกต่างๆ จะอาศัย ไฟล์
tailwind.config.js
เป็นหลัก หลังจากนี้สามารถไปคอนฟิกในไฟล์ CSS โดยตรง ลดไฟล์ในโครงการลงไป - ลดการพึ่งเครื่องมือภายนอก: การ import ไฟล์ CSS ภายนอก เดิมต้องการปลั๊กอิน
postcss-import
หรือการ transpile ที่เดิมต้องใช้autoprefixer
และpostcss-preset-env
ตอนนี้ใช้ tailwind อย่างเดียวก็เพียงพอ - รองรับฟีเจอร์ CSS ใหม่ๆ: เช่น CSS cascade layer, color-garmut แบบกว้างกว่า RGB, หรือ container query
สำหรับผู้ที่ต้องการทดสอบ สามารถติดตั้งแพ็กเกจ tailwindcss@next
ได้แล้ว รองรับทั้ง Vite, PostCSS, และคำสั่งตรง
ที่มา - Tailwind
Get latest news from Blognone
Follow @twitterapi
Hiring! บริษัทที่น่าสนใจ