CSSO (CSS рдЕрдиреБрдХреВрд▓рдХ) - рд╕рдВрд░рдЪрдирд╛рддреНрдордХ CSS рдиреНрдпреВрдирддрдо

CSSO (CSS Optimizer) рдПрдХ CSS рдиреНрдпреВрдирддрдордХ рд╣реИ рдЬреЛ рд╕рдВрд░рдЪрдирд╛ рдФрд░ рд╕рдВрд░рдЪрдирд╛рддреНрдордХ рдиреНрдпреВрдирддрдордХрд░рдг рдХреЛ рдмрджрд▓рдиреЗ рдХреЗ рдмрд┐рдирд╛ рджреЛрдиреЛрдВ рдХреЛ рдиреНрдпреВрдирддрдо рдХрд░рддрд╛ рд╣реИ рддрд╛рдХрд┐ рдЬрд┐рддрдирд╛ рд╕рдВрднрд╡ рд╣реЛ рдЙрддрдирд╛ рдХрдо рдкрд╛рда рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХреЗред
CSSO рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рд▓рд┐рдЦрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдФрд░ рдХрдорд╛рдВрдб рд▓рд╛рдЗрди рдкрд░ (NodeJS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ) рджреЛрдиреЛрдВ рдХреЛ рдирд┐рд╖реНрдкрд╛рджрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
рдПрдордЖрдИрдЯреА рд▓рд╛рдЗрд╕реЗрдВрд╕ рдХреЗ рддрд╣рдд рд╡рд┐рддрд░рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ред

рдХреНрдпрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ


рд╕рдВрд░рдЪрдирд╛ рдХреЛ рдмрджрд▓реЗ рдмрд┐рдирд╛ рдиреНрдпреВрдирддрдордХрд░рдг:рд╕рдВрд░рдЪрдирд╛ рдореЗрдВ рдмрджрд▓рд╛рд╡ рдХреЗ рд╕рд╛рде рдиреНрдпреВрдирддрдордХрд░рдг:

рдХрд╣рд╛рдВ рдЦреЛрдЬреЛрдЧреЗ?


рд╕рдВрджрд░реНрдн:рдзреНрдпрд╛рди рджреЗрдВ : рдкрд░рд┐рдпреЛрдЬрдирд╛ рдмреАрдЯрд╛ рд╕реНрдерд┐рддрд┐ рдореЗрдВ рд╣реИ рдФрд░ рдЗрд╕рдореЗрдВ рдЦрд╛рдорд┐рдпрд╛рдВ рдФрд░ рддреНрд░реБрдЯрд┐рдпрд╛рдВ рд╣реЛ рд╕рдХрддреА рд╣реИрдВред рд╕рдмрд╕реЗ рдЕрдзрд┐рдХ рд╕рдВрднрд╛рд╡рдирд╛ рд╣реИ, рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд╡реЗрдм рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рдХреЗ рд▓рд┐рдП рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рдФрд░ рд╣реЛрд╕реНрдЯрд┐рдВрдЧ рдкрддреЗ рдмрджрд▓ рдЬрд╛рдПрдВрдЧреЗред рдШреЛрд╖рдгрд╛ рдХрд╛ рдЙрджреНрджреЗрд╢реНрдп рдирдП рдЪрд░рдг рдореЗрдВ рдирдП рд╕реАрдПрд╕рдПрд╕ рдорд┐рдирд┐рдорд╛рдЗрдЬрд╝рд░ рдХреЗ рд╕рд╛рде рдЬрдирддрд╛ рдХреЛ рдкрд░рд┐рдЪрд┐рдд рдХрд░рдирд╛ рд╣реИ, рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдПрдХрддреНрд░ рдХрд░рдирд╛, рд▓рд╛рдкрддрд╛ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХреЛ рдареАрдХ рдХрд░рдирд╛ рдФрд░ рд╕реАрдПрд╕рдПрд╕рдУ рдХреЛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдмрдирд╛рдирд╛ рд╣реИред

рджреВрд╕рд░рд╛ рдорд┐рдирд┐рдорд╛рдЗрдЬрд╝рд░ рдХреНрдпреЛрдВ


рдЕрдзрд┐рдХрд╛рдВрд╢ рдЖрдзреБрдирд┐рдХ рд▓реЛрдХрдкреНрд░рд┐рдп рдиреНрдпреВрдирддрдо ( YUICompressor рдФрд░ рдЗрд╕реА рддрд░рд╣) рд╡рд┐рд╢реНрд▓реЗрд╖рдг рдФрд░ рд╕рдВрд░рдЪрдирд╛ рд╡рд┐рд╢реНрд▓реЗрд╖рдг рдХреЗ рдмрд┐рдирд╛ рдиреНрдпреВрдирддрдордХрд░рдг рд╣реИрдВред рдореЛрдЯреЗ рддреМрд░ рдкрд░, рдПрдХ рдЫреЛрдЯреЗ рд╕реЗ рд╡рд╛рдИ рдХреЗ рд╕рд╛рде рд░реЗрдХреНрд╕рдПрдХреНрд╕рдкреА рдХреА рдЬрдЧрд╣ рдПрдХреНрд╕ рдХрд╛ рдПрдХ рд╕реЗрдЯред

рдПрдХ рдЙрджрд╛рд╣рд░рдг:
.test { color: red }
.test { color: green }

рдкреНрд░рд╕рдВрд╕реНрдХрд░рдг regexp'ami:
.test{color:red}.test{color:green}

рд╕рдВрд░рдЪрдирд╛ рдХрдо рд╕реЗ рдХрдо рдкреНрд░рд╕рдВрд╕реНрдХрд░рдг:
.test{color:green}

рдпрд╣реА рдЕрдВрддрд░ рд╣реИред рдФрд░ рдпрджрд┐ рдЫреЛрдЯреЗ рдФрд░ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдХрдо рд╕реЗ рдХрдо рд╕реАрдПрд╕рдПрд╕ рдкрд░ рд▓рд╛рдн рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИрдВ, рддреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрдирд╛рдИ рдЧрдИ рд╕реНрдЯрд╛рдЗрд▓ рд╢реАрдЯ рдкрд░ рд▓рд╛рдн рдХрд┐рд▓реЛрдмрд╛рдЗрдЯ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

рдкреБрдирд╢реНрдЪред рд░реВрд╕реА рдореЗрдВ рдкреНрд░рд▓реЗрдЦрди рдФрд░ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ JsDocред рдЕрдВрдЧреНрд░реЗрдЬреА рд╣реЛрдЧреАред

Source: https://habr.com/ru/post/In116880/


All Articles