Препроцесори CSS: Sass, LESS, Stylus, і т.д.
Дата оновлення перекладу 2024-05-27
Препроцесори CSS: Sass, LESS, Stylus, і т.д.
Щоб використовувати препроцесори Sass, LESS або Stylus, включіть той, який ви
хочете, в webpack.config.js
:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
// webpack.config.js
// ...
Encore
// ...
// включити лише той, який ви хочете
// обробляти файли, що закінчуються на .scss або .sass
.enableSassLoader()
// обробляти файли, що закінчуються на .less
.enableLessLoader()
// обробляти файли, що закінчуються на .styl
.enableStylusLoader()
;
Потім перезапустіть Encore. Коли ви це зробите, він надасть вам команду, яку ви можете виконати, щоб встановити всі відсутні залежності. Після виконання цієї команди та перезапуску Encore, ви закінчили!
Ви також можете передати опції конфігурації до кожного завантажувача. Дивіться файл Encore index.js, щоб дізнатися детальніш.