Comment concaténer compilé SASS et combiné CSS en utilisant Laravel Mix?

Question

Dans mon projet Laravel j'utilise à la fois SASS et CSS: SASS utilisé pour les dépendances (fontawesome, Bootstrap) - via NPM et CSS simple à travers la structure de dossiers profonds (BEM). Je veux concaténer tous les CSS, compiler SASS et concaténer tout dans un seul fichier .css. Même chose avec JS: les fichiers JS simples dans ma structure BEM doivent se combiner avec un seul fichier app.js qui doit être traité par Webpack. J'ai essayé ceci:

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'); 

Mais cela ne fonctionne pas - que le fichier manifeste est créé:

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

Answer 1

Voici un exemple:

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');