Como integrar arquivos SCSS no Laravel-Vue?

Olá, André!
Tudo bem?

Você pode trazer os seus arquivos scss para dentro de resources/sass/ e importar eles no arquivo no arquivo app.scss
@import "nome-arquivo";

Depois disso o mix já compila tudo.

Também é possível fazer o mix compilar esses assets de forma separada, em outro arquivo a parte.

Um exemplo que apliquei no curso de Laravel com Vue.js (arquivo webpack.mix.js):
/**
 * CSS Site
 */
mix.styles([
    'resources/assets/css/custom.css',
    'resources/assets/css/resets.css',
], 'public/css/custom.css');

Tentei a segunda opção de mixar vários css porém o arquivo final fica em branco:

Mixar o main.scss junto está causando um erro:

app.js:63225 Uncaught Error: Module build failed (from ./node_modules/css-loader/index.js):

ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

@import "../../bower_components/bootstrap/scss/functions";

       ^

      Can't find stylesheet to import.

  ╷

9 │ @import "../../bower_components/bootstrap/scss/functions";

  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

  ╵

  resources\scss\bootstrap-override\_bootstrap.scss 9:9  @import

Mixar os estilos deu certo sim, eu estava pegando da pasta errada.

Solução:

mix.styles([

    'public/css/app.css',

    'public/css/main.css'

], 'public/css/all.css');

Pra quem tiver com a mesma dúvida em MIXAR o css e os JS: 

OBRIGADO CARLOS MAIS UMA VEZ.

MEU WEBPACK.MIX.JS

Olá, André!

Você finalizou o tikcet, está tudo certo, conseguiu resolver?

Sim, td certo!

Obrigado