Подключение SASS всех компонентов одновременно в Laravel проекте?

Question

[Эмиль Рахматуллин]

В Gulp 4 я подключал все SASS компоненты так:
@import "components/*/**"
это отлично работало.

В Laravel проекте же, это не работает. Приходится по списку перечислять подключаемые SASS компоненты.
Как в Laravel проекте подключить все SASS компоненты, которые находятся в директории components?

Comments

[Сергей delphinpro]

Правильнее спросить, как это сделать в Laravel Mix
Но к вопросу присоединяюсь.
Та же проблема с конкатенируемыми js файлами.
Я написал функцию сканирования директории на все файлы, но она отрабатывает только при запуске, а не во время каждого изменения. В результате новые файлы не попадают в сборку без перезапуска микса.

[Дмитрий]

Сергей delphinpro, я не шибко силен в webpacke, но если вы создаете файл - вы же его используете? Импортируете наверняка в основной?
Как по мне они все автоматом подтягиваются, если npm run watch запущен.

Создал helper.js.

В app.js
import ....

И все находу компилируется.
Но вероятно я конечно не совсем понял вашу проблему, если аж сканируете директории...

[Сергей delphinpro]

Дмитрий, не. в моем случае не используются модули, и соответственно импорты. файлы просто склеиваются. отслеживание работает для существующих, но новый файл не попадает в сборку до перезапуска и считывания src.

[Сергей delphinpro]

С нормальным модульным кодом вопросов бы не было =)

Answer 1

[Михаил Мингареев]

если я все правильно понял, то пропишите в webpack.mix.js:

mix.sass( путь к папке components /*.scss, public/css );

Comments

[Эмиль Рахматуллин]

Это мы в настройках webpack пишем. Мне надо это в SASS файле делать с помощью @import

[Эмиль Рахматуллин]

В SASS Gulp.js это работает, а в SASS webpack не работает. В этом соль