Preprocessor ဆိုတာဘာလဲ?

C language မှာဆိုရင် ကျွန်တော်တို့ #define တို့ #include <stdio.h> တို့ကို အဲထဲမှာ ပါဝင်တဲ့ code နဲ့ သွားပေါင်းလိုက်တဲ့ သဘော။

// main.c
#include <math.h>
void main(){
   return 0;
}

Preporcessor ဆိုတာကြီးက math.h ထဲက header file ထဲက codeတွေနဲ့ လို့အပ်သလို့ main.c ထဲကို သွားပေါင်းမှာ။

ဒီလိုပဲ CSS Preporcessor ဖြစ်တဲ့ LESS တို့၊ SASS တို့လည်း ဒီလိုသဘောပဲ။
ထပ်ခါ ထပ်ခါရေးနေရတဲ့ value ကို variable ပေးပြီးအသုံးပြုလို့ရအောင် လုပ်တဲ့ နည်းပညာမျိုး။
သာမန် CSS မှာဆိုရင်

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}

SASS မှာဆိုရင်

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

ရှိတယ်၊ အလာတူး တန်ဖိုးတွေကို variable ပေးပြီး ကြိုက်သလို အသုံးပြုနိုင်တယ်။ အထူးသဖြင့် global theme လိုမျိုးမှာ။