Как использовать строгий порядок в Laravel Mix?

Question

[Alex Wells]

Пишу сайт, использую AdminLTE для front-end'а. Написан он на less и скомпилирован в css, так что приходится делать что-то типа этого:

mix.sass('node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss', 'public/css/bootstrap.css')
    .sass('node_modules/normalize-scss/sass/_normalize.scss', 'public/css/normalize.css')
    .combine([
        'public/css/bootstrap.css',
        'public/css/normalize.css',
        'node_modules/admin-lte/dist/css/skins/_all-skins.css',
        'node_modules/admin-lte/dist/css/AdminLTE.css',
        'node_modules/ionicons/dist/css/ionicons.css',
        'node_modules/font-awesome/css/font-awesome.css'
    ], 'public/css/vendor.css');

mix.js(['resources/assets/js/app.js', 'resources/assets/js/adminlte.js'], 'public/js/app.js');
    //.extract(['vue']);

mix.sass('resources/assets/sass/app.scss', 'public/css');

Но laravel mix ругается:

AssertionError: Mix.combine() error: "public/css/bootstrap.css does not exist.

Поэтому вопрос: как сделать жесткий порядок исполнения? Laravel mix который новый, на webpack'е, а не старый. 5.4.

Answer 1

[Max]

Используйте laravel-mix версии 0.8.8. В нем уже можно сначала скомпилить scss в css, а потом сделать combine этого файла с другими.
конфигурация ноды:
node v7.7.2
npm v4.1.2

Answer 2

[Александр Аксентьев]

разбить на несколько "задач"
mix.sass()
mix.sass()
mix.sass()

mix.sass('app.scss', 'public/css/_app.css');

mix.styles([
    '../../../public/css/_app.css',
    '../../../public/css/styles.css',
], 'public/css/app.css');

Comments

[Alex Wells]

Не работает. Все та же ситуация.

[Александр Аксентьев]

Alex Wells: может быть дело в путях? Пример выше как бы намекает

[Alex Wells]

Александр Аксентьев: Значит node_modules он читает относительно root, а вот паблик уже нужно relative? Что за глупости.. и даже если бы было так - нет, не работает даже с вашими путями. Те файлы, которые bootstrap и normalize даже не генерируются если крашится mix.

[Александр Аксентьев]

Alex Wells: А без комбайна тоже не работает?
Может не в сборщике дело вообще?

Код мой, у меня работает.

[Alex Wells]

Александр Аксентьев: .styles метода вообще нету. У вас laravel-elixir или laravel-mix? Версия laravel?

[Александр Аксентьев]

Alex Wells: laravel-elixir
5.3

[Alex Wells]

Александр Аксентьев: Вот именно по этой причине я написал: "Laravel mix который новый, на webpack'е, а не старый. 5.4.".

Answer 3

[Виталий Мосин]

Понимаю, что некропостинг, но все же...
Как вариант, собрать все нужные css и scss в файле app.scss в нужном порядке и потом его скомпилировать в mix.

Comments

[Alex Wells]

Как написал товарищ выше, с какой-то там версии все работает как нужно)

[Виталий Мосин]

А, ок. Не обратил внимания на даты ответов)))

Answer 4

[Alex Wells]

Порыв код я понял, что webpack срабатывает лишь единожды. Это не таск билдер. По этой причине я вернусь на gulp и старый-добрый elixir. Всем спасибо.

ПС: если у кого-то все таки есть решение - напишите))