Tags:
Node Thumbnail

โครงการ 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

No Description

Get latest news from Blognone