title: How to concat compiled SASS and combined CSS using Laravel Mix?
body: <p>In my Laravel project I use both SASS and CSS: SASS used for dependencies (fontawesome, Bootstrap) - via NPM and plain CSS across deep folder structure (BEM). I want to concatenate all CSS, compile SASS and concatenate it all in a single .css file. Same with JS: plain JS files in my BEM structure need to combine with single <code>app.js</code> file which needs to be processed by Webpack. I tried this:</p>
  
  <pre><code>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');
  </code></pre>
  
  <p>But it doesn't work - only manifest file is created:</p>
  
  <pre><code>{
    "/js/app.js": "/js/app.js",
    "/css/app.css": "/css/app.css",
    "/mix.js": "/mix.js"
  }
  </code></pre>