Предпроцессоры CSS: Sass и др. с Webpack Encore

Чтобы использовать предпроцессоры 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, чтобы узнать подробную информацию.