T?i sao b?n n�n s? d?ng PostCSS

C�u h?i d?t ra l� - t?i sao b?n s? c?n ph?i s? d?ng postCSS thay v� b?n d� quen v?i CSS c? di?n  Th?ng th?n m� n�i, b?n kh�ng th?c s? c?n n� cho c�ng vi?c c?a b?n. Tuy nhi�n, n� c� th? l�m cho ph�t tri?n d? d�ng hon nhi?u v� nhanh ch�ng, v?y t?i sao kh�ng th?? hjhj

�?u ti�n, ch�ng ta c?n d?m b?o r?ng b?n nh?n th?c du?c s? kh�c bi?t gi?a PostCSS v� c�c  th? kh�c . Li?u n� bu?c b?n ph?i thay th? c�c c�ng c? cu c?a b?n v?i postprocessors m?i?

L�m th? n�o d? s? d?ng PostCSS

�? b?t d?u, b?n c?n ph?i hi?u r?ng PostCSS du?c t?o ra kh�ng ch? duy nh?t cho b? x? l� 

Gi?ng nhu Andriy Sitnik of Evil Martians, c�ng c? n�y d�ng d? di?u ch?nh CSS theo c�ch c?a b?n m?t c�ch l?a ch?n, s? d?ng plugin k?t n?i (m?i plugin du?c k?t n?i v?i m?t s?a d?i c? th?). 
C�c ch?c nang n�y tuong t? nhu autoprefixer c� th�m ti?n t? nh� cung c?p d? CSS c?a b?n n?u c?n thi?t. Vi?c s? d?ng kh� don gi?n . 
N� b?t d?u v?i ch?y m� CSS c?a b?n th�ng qua m?t ph�n t�ch c� ph�p CSS. Sau d�, n� du?c �p d?ng m?t chu?i c�c plugin, m� b?n ch?n v�, k?t qu? l� stringifies d?i node tree CSS tr? th�nh m?t m� CSS. 
c� v? r?ng PostCSS l� m?t s? thay th? t?t cho m?t ti?n x? l�, nhung quan di?m n�y l� kh�ng d�ng. B?n c� th? s? d?ng n� k?t h?p v?i c�c plugin d? d?ch SCSS v� c� ph�p Sass v�o CSS. Cu?i c�ng, s? d?ng PostCSS v?i m?t b? x? l� ua th�ch (ho?c thay th? n�) l� m?t s? l?a ch?n kh� hi?u qu?. 

Ti?m nang c?a Plugins

PostCSS cung c?p cho b?n m?t co h?i d? s? d?ng l?p di l?p l?i c?a CSS, c� ph�p, v� c�c t�nh nang . Sau khi ch?y qua PostCSS, m� c?a b?n bao g?m t?t c? m?i th? b?n c?n cho c�ng vi?c,

PostCSS c� nhi?u th? d? cung c?p cho  plugin hi?u qu? c� th? du?c s? d?ng trong qu� tr�nh ph�t tri?n.

M?i plugin l� m?t h�m JavaScript don gi?n,  nhu m?t tham s?, bi?n d?i n� v� sau d� tr? v? chu?i bi?n d?i. V� v?y, b?n c� th? vi?t b? sung c?a ri�ng b?n n?u b?n d� quen thu?c v?i JavaScript.

B? d? co b?n

• level4 - cho ph�p b?n s? d?ng W3C CSS le v? 4 Modules  v?i PostCSS. T?n d?ng l?i th? c?a k? thu?t  nhu c�c bi?n, ch?n l?c t�y ch?nh, ch?c nang m�u s?c, v� selectors .
• cssnext - m?t transpiler CSS cho ph�p b?n s? d?ng c� ph�p CSS m?i nh?t hi?n nay. N� bi?n d?i th�ng s? k? thu?t CSS v�o CSS tuong th�ch hon, do d� b?n kh�ng c?n ph?i ch? d?i cho tr�nh duy?t h? tr?.
• rucksack ch?a c�c plugin d? tang t?c d? ph�t tri?n CSS v?i c�c t�nh nang m?i v� c�c ph�m t?t.

T�m l?i, t? mu?n d? c?p d?n r?ng PostCSS c� th? du?c s? d?ng c�ng v?i CSS c?a b?n, ho?c thay v� m?t b? x? l� ri�ng c?a m�nh. M?c d�ch ch�nh c?a n� h? tr? "vi?t �t, l�m hon"  ch�c b?n th�nh c�ng