Какой путь для импорта файлов SCSS, используя Encore?

Question

Я использую Webpack с Encore под Symfony.Я включил SassLoader, раскомментировал .enableSassLoader() и переименовал assets/css/app.css в assets/css/app.scss.

Я изменил требование в assets / js / app.js с ../css/app.css до ../css/app.scss.

До сих пор это работает.Файл стиля скомпилирован в public/build/app.css

НО у меня есть много частей SCSS-файлов для импорта (одна включает переменные, другая - миксин, другая - сброс HTML и т. Д.).

Поэтому, когда я пытаюсь использовать (например, я взял только один, и я поместил его в тот же каталог, что и app.scss:

@import "header"

Или

@import "header.scss"; 

Это нене работает! Не работает ни один импорт.

Я попытался добавить в app.js:

require('../css/header.scss');

Над рабочим:

require('../css/app.scss');

Все еще не работаетне работает.

Я пытался добавить, в webpack.config.js:

.addEntry('header', './assets/js/header.js')

Answer 1

Massya92: Вы добавили .enableSassLoader () в webpack.config.js?

Answer 2

РЕДАКТИРОВАТЬ: Это было очень глупо!

В моем импортированном scss-файле 'header' я назвал @extends .wrapper, которого еще не было, потому что он был в другом файле, который я прокомментировал! Я не прочитал сообщение об ошибке в моем термине ^^

Спасибо всем за помощь