LESS ΠΠΎΠΌΠΏΠΈΠ»ΡΡΠΎΡ Π΄Π»Ρ Bitrix
, (*1)
ΠΡΠΎΡΡΠΎΠΉ ΠΈ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ, ΡΠ΅Π°Π»ΠΈΠ·ΡΡΡΠΈΠΉ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΡ LESS ΡΠ°ΠΉΠ»ΠΎΠ²., (*2)
:exclamation: ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π½Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅Ρ CSS ΠΊ ΡΠ°Π±Π»ΠΎΠ½Ρ, Π° ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΡΠ΅Ρ LESS ΡΠ°ΠΉΠ»Ρ. ΠΡΠΎ ΡΠ΄Π΅Π»Π°Π½ΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΎΠ³ΠΎ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ css-ΡΠ°ΠΉΠ»ΠΎΠ²., (*3)
ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°
- ΠΡΡΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΠ°.
- ΠΠ²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΠ½Π½ΡΡ
ΡΠ°ΠΉΠ»ΠΎΠ².
- ΠΠ΅Π½Π΅ΡΠ°ΡΠΈΡ SourceMap.
- ΠΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ CSS-ΠΊΠΎΠ΄Π°.
- Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΡΡΡΠΏΠΎΠΌ ΠΊ ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΠΈ.
Π£ΡΡΠ°Π½ΠΎΠ²ΠΊΠ°
Π¨Π°Π³ 1
a)
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠ΅ΡΠ΅Π· composer:, (*4)
composer require pafnuty/less-for-bitrix
b)
ΠΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ Π²ΡΡΡΠ½ΡΡ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ ΡΠ°ΠΉΠ»Ρ ΠΈ ΠΏΠ°ΠΏΠ°ΠΊΠΈ ΠΈΠ· ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΡ Π² ΠΏΠ°ΠΏΠΊΡ /bitrix/modules/cn.less
., (*5)
Π¨Π°Π³ 2
Π Π°Π΄ΠΌΠΈΠ½ΠΊΠ΅ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ Π² ΡΠ°Π·Π΄Π΅Π» /bitrix/admin/partner_modules.php
ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΡ ΡΠ΅ΡΠ΅Π½ΠΈΡ LESS ΠΠΎΠΌΠΏΠΈΠ»ΡΡΠΎΡ (cn.less)., (*6)
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
Π Π½ΡΠΆΠ½ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π²ΡΠ·ΠΎΠ² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°:, (*7)
<?$APPLICATION->IncludeComponent(
"codenails:cn.less",
"",
array(),
false
);?>
Π’Π°ΠΊ ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π½ΡΠΆΠ½ΡΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΏΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΡΠ°Π½ΠΈΡΡ:, (*8)
, (*9)
ΠΡΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ., (*10)
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΊΠ°ΡΡ ΡΠ°ΠΉΠ» SITE_TEMPLATE_PATH/less/template_styles.less
ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ template_styles.css
Π² ΠΏΠ°ΠΏΠΊΡ Ρ ΡΠ΅ΠΊΡΡΠΈΠΌ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ°., (*11)
ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π² ΡΠ°Π±Π»ΠΎΠ½ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ CSS-ΡΠ°ΠΉΠ»Π°, Π΅ΡΠ»ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ ΠΎΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ
:, (*12)
<?\Bitrix\Main\Page\Asset::getInstance()->addCss('/local/assets/css/compiled_file.css');?>
ΠΠ·Π²Π΅ΡΡΠ½ΡΠ΅ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΈ Π½Π΅Π΄ΠΎΡΠ°Π±ΠΎΡΠΊΠΈ
- ΠΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Π½ΡΠΆΠ½ΠΎ Π»ΠΈΠ±ΠΎ ΡΠ΄Π°Π»ΡΡΡ ΠΏΠ°ΠΏΠΊΡ
less_cache
ΠΈ ΡΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ (.css
ΠΈ .map
), Π»ΠΈΠ±ΠΎ ΠΏΠ΅ΡΠ΅ΡΠΎΡ
ΡΠ°Π½ΠΈΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· less ΡΠ°ΠΉΠ»ΠΎΠ², ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠΈΠ·ΠΎΡΠ»Π° ΠΏΠ΅ΡΠ΅ΠΊΠΎΠΌΠΏΠ»ΡΡΠΈΡ.
- ΠΠ»Ρ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ SourseMap Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡΠΊΠ»ΡΡΠ°ΡΡ ΠΌΠΈΠ½ΠΈΡΠΈΠΊΠ°ΡΠΈΡ CSS ΡΠ°ΠΉΠ»Π°.
ΠΠΎΠΏΡΠΎΡΡ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ°
ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Π²ΠΎΠ·Π½ΠΈΠΊ Π²ΠΎΠΏΡΠΎΡ, ΠΈΠ»ΠΈ Π΅ΡΡΡ ΠΏΠΎΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΊ ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° β Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ΡΡ ΡΠΎΡΠΌΠΎΠΉ, (*13)
ΠΡΠ΄Π° Π΄Π΅Π»Π°ΡΡ ΡΡΠ°ΡΠ°Ρ "ΠΏΡΠΈΠΌΠΎΡΠΊΠ°"?
- ΠΠΈΠ²ΡΡ Π² Π²Π΅ΡΠΊΠ΅ old ΠΈ Π΅Ρ ΡΠ°Π·Π²ΠΈΡΠΈΠ΅ Π½Π΅ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΡΡ.