ทดสอบคอมไพเลอร์ใน SASS

ตอนนี้เรามาทดสอบการทำงานของคอมไพเลอร์กัน สำหรับสิ่งนี้คุณต้องสร้างไฟล์ด้วยโค้ดทดสอบ SCSS ไฟล์นี้ต้องมีนามสกุล .scss ลองเพิ่มเนื้อหาดังต่อไปนี้ ลงไป:

styles.scssdiv {
  p {
    font-size: 20px;
  }
}

ทำตามคำแนะนำในเอกสารประกอบของ คอมไพเลอร์ที่คุณติดตั้งไว้ เพื่อคอมไพล์ไฟล์ .scss ของคุณเป็นไฟล์.css ผลลัพธ์ที่คุณควรจะเห็นคือโค้ดต่อไปนี้:

styles.cssdiv p {
  font-size: 20px;
}