ทดสอบคอมไพเลอร์ใน SASS
ตอนนี้เรามาทดสอบการทำงานของคอมไพเลอร์กัน
สำหรับสิ่งนี้คุณต้องสร้างไฟล์ด้วยโค้ดทดสอบ
SCSS ไฟล์นี้ต้องมีนามสกุล
.scss ลองเพิ่มเนื้อหาดังต่อไปนี้
ลงไป:
div {
p {
font-size: 20px;
}
}
ทำตามคำแนะนำในเอกสารประกอบของ
คอมไพเลอร์ที่คุณติดตั้งไว้ เพื่อคอมไพล์ไฟล์
.scss ของคุณเป็นไฟล์.css
ผลลัพธ์ที่คุณควรจะเห็นคือโค้ดต่อไปนี้:
div p {
font-size: 20px;
}
ทำตามขั้นตอนที่อธิบายไว้ ให้แน่ใจว่า คอมไพเลอร์ของคุณทำงานได้