如何使用Laravel Mix來編譯SASS和組合CSS？

Question

在我的Laravel項目中，我使用SASS和CSS：SASS用於依賴關係（fontawesome，Bootstrap） - 通過NPM和純CSS跨越深度文件夾結構（BEM）。我想連接所有的CSS，編譯SASS並將它們連接在一個.css文件中。與JS相同：我的BEM結構中的普通JS文件需要與單個app.js文件結合，這需要由Webpack處理。我嘗試這樣做：

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