Wie kompiliert man SASS und kombiniertes CSS mit Laravel Mix?

Question

In meinem Laravel-Projekt verwende ich sowohl SASS als auch CSS: SASS wird für Abhängigkeiten (Fontawesome, Bootstrap) verwendet - über NPM und Plain CSS über Deep Folder Structure (BEM). Ich möchte alle CSS verketten, SASS kompilieren und alles in einer einzigen CSS-Datei verketten. Gleiches gilt für JS: Plain JS-Dateien in meiner BEM-Struktur müssen mit einer einzelnen app.js Datei kombiniert werden, die von Webpack verarbeitet werden muss. Ich versuchte dies:

mix.js('resources/assets/js/app.js') 
    .scripts('resources/assets/blocks/**/*.js') 
    .version('public/js/app.js'); 

mix.sass('resources/assets/sass/app.scss') 
    .styles('resources/assets/blocks/**/*.css') 
    .version('public/css/app.css'); 

Aber es funktioniert nicht - nur Manifest-Datei erstellt wird:

{ 
    "/js/app.js": "/js/app.js", 
    "/css/app.css": "/css/app.css", 
    "/mix.js": "/mix.js" 
} 

Answer 1

Hier ist ein Beispiel:

mix.sass('resources/assets/sass/app.scss', 'public/css').styles([ 
    'node_modules/animate.css/animate.min.css', 
    'public/css/app.css' 
],'public/css/app.css');