如何使用 mix.sass() 编译多个 .sass 文件？

有一个这样的文件夹结构./src/scss/：

--> scss
----> root.scss
----> header.scss
----> body.scss
----> footer.scss

那些。文件夹中scss有 4 个文件.scss。我正在尝试将它们捆绑在一起app.css，但它不起作用。

因此，webpack.mix.js我尝试这样做：

mix.sass(
    [
        './src/scss/root.scss',
        './src/scss/header.scss',
        './src/scss/body.scss',
        './src/scss/footer.scss'
    ], './dist/app.css'
)

但我得到一个错误

AssertionError [ERR_ASSERTION]: mix.sass() is missing required parameter 1: src

他也这样做了：

mix.sass('./src/scss/root.scss', './dist/app.css')
   .sass('./src/scss/header.scss', './dist/app.css')
   .sass('./src/scss/body.scss', './dist/app.css')
   .sass('./src/scss/footer.scss', './dist/app.css');

但所以他只写了app.css出来footer.scss ¯\_(ツ)_/¯