ความแตกต่างระหว่าง Sass และ LESS Preprocessors

Angular 5 setup with SASS, LESS preprocessor tutorial

สารบัญ:

Sass และ LESS คืออะไร?
01 Sass Is in Ruby ในขณะที่ LESS อยู่ใน Javascript
03 Sass มีเข็มทิศในขณะที่ LESS มี Preboot
04 น้อยมีข้อความผิดพลาดดีกว่า Sass
05 LESS มีเอกสารที่ใช้งานง่ายกว่า Sass

โค้กหรือเป๊ปซี่, Mac หรือพีซี, Marvel หรือ DC? ในทุกชุมชนมีการถกเถียงกันว่าจะดีกว่าอย่างไร สำหรับนักออกแบบเว็บไซต์หรือนักพัฒนาการอภิปรายนั้นคือ Sass หรือ Less

Sass และ LESS คืออะไร?

สไตล์ชีทที่น่ากลัว (Sass) และ Leaner CSS (LESS) คือตัวประมวลผลก่อน CSS เป็นส่วนขยายสไตล์ชีทพิเศษที่ทำให้การออกแบบง่ายขึ้นและมีประสิทธิภาพมากขึ้น ทั้ง Sass และ LESS คอมไพล์เป็น CSS สไตล์ชีทเพื่อให้เบราว์เซอร์สามารถอ่านได้ซึ่งเป็นขั้นตอนที่จำเป็นเนื่องจากเบราว์เซอร์สมัยใหม่ไม่สามารถอ่านไฟล์. sass หรือ.less

หากคุณวางแผนที่จะอยู่ในโลกแห่งการพัฒนาเว็บคุณควรมีความรอบรู้ในหนึ่งในสองตัวประมวลผลล่วงหน้า - หรือทั้งสองอย่าง.

เมื่อมันลงมาทั้งคู่จะคล้ายกัน พวกเขาทำให้การเขียน CSS ง่ายขึ้นมุ่งเน้นวัตถุและประสบการณ์ที่สนุกสนานยิ่งขึ้น อย่างไรก็ตามมีความแตกต่างที่สำคัญบางประการ

01 Sass Is in Ruby ในขณะที่ LESS อยู่ใน Javascript

ทั้ง Sass และ LESS ใช้อักขระพิเศษเพื่อกำหนดตัวแปร วิธีนี้คุณไม่จำเป็นต้องป้อนข้อมูลจำเพาะต่อไป คุณสามารถป้อนตัวละคร

ใน Sass เป็นเครื่องหมายดอลลาร์ ($) ใน LESS นั่นคือ at สัญลักษณ์ (@) ข้อเสียเพียงข้อเดียวสำหรับ LESS คือมีตัวเลือก CSS ที่มีอยู่ไม่กี่ตัวที่ใช้ @ อยู่แล้วดังนั้นมันอาจทำให้เส้นโค้งการเรียนรู้เกร็งเล็กน้อย

03 Sass มีเข็มทิศในขณะที่ LESS มี Preboot

Sass และ LESS มีส่วนขยายที่พร้อมใช้งานเพื่อรวมมิกซ์อิน (ความสามารถในการจัดเก็บและแชร์การประกาศ CSS ทั่วทั้งไซต์)

Sass มีเข็มทิศสำหรับ mixins ซึ่งรวมถึงทุกตัวเลือกที่สามารถใช้ได้กับการอัปเดตสำหรับการสนับสนุนในอนาคต

LESS มี Preboot.less, LESS Mixins, LESS Elements, gs และ Frameless การสนับสนุนซอฟต์แวร์ของ LESS นั้นมีการแยกส่วนมากกว่า Sass ทำให้มีตัวเลือกมากมายสำหรับส่วนขยายที่อาจไม่ทำงานเหมือนกันทั้งหมด สำหรับโครงการของคุณคุณอาจต้องใช้ส่วนขยายที่แสดงรายการทั้งหมดเพื่อรับประสิทธิภาพที่คล้ายกับเข็มทิศ

04 น้อยมีข้อความผิดพลาดดีกว่า Sass

ทั้ง Sass และ LESS ได้รับการทดสอบความสามารถในการรายงานข้อผิดพลาดทางไวยากรณ์ LESS มีข้อความแสดงข้อผิดพลาดที่แม่นยำมากขึ้นในการทดสอบซึ่งจะรายงานตำแหน่งที่ถูกต้องของข้อผิดพลาด

บางสิ่งเช่นนี้สามารถประหยัดเวลาในการพิมพ์ผิดได้เล็กน้อย