Laravel Mixを使ってコンパイルされたSASSとCSSを結合するには？

Question

私のLaravelプロジェクトでは、SASSとCSSの両方を使用しています：SASSは依存関係（fontawesome、Bootstrap）に使用されます。NPMと深いフォルダ構造（BEM）のプレーンCSSを経由します。私はすべてのCSSを連結し、SASSをコンパイルし、すべてを単一の.cssファイルに連結したいと考えています。 JSと同じ：私のBEM構造のプレーンなJSファイルは、Webpackによって処理される必要がある単一のapp.jsファイルと結合する必要があります。私はこれを試してみました：

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

しかし、それは動作しません - だけでマニフェストファイルが作成されます。ここでは

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

Answer 1

は一例です：

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