title: Laravel Elixir Gulp mix two separate less files
body: <p>In Laravel 5 I am trying to create two different css files for my frontend site and backend site (cms). The source files are in two different directories.</p>
  
  <p>The default value for assets in </p>
  
  <p><strong>first the backend</strong></p>
  
  <pre><code>elixir.config.assetsDir = 'resources/backend/';
  
  elixir(function (mix) {
      mix.less('backend.less');
  });
  </code></pre>
  
  <p><strong>Second the frontend</strong></p>
  
  <pre><code>elixir.config.assetsDir = 'resources/frontend/';
  
  elixir(function (mix) {
      mix.less('frontend.less');
  });
  </code></pre>
  
  <p><em>Both are in the same gulpfile.js.</em></p>
  
  <p><strong>These are the directories (Laravel 5)</strong></p>
  
  <pre><code>resources
      backend
          less
              backend.less
      frontend
          less
              frontend.less
  </code></pre>
  
  <p>Only the frontend file is compiled to public/css/frontend.css.</p>
  
  <p>I also tried </p>
  
  <pre><code>mix.less('frontend.less', null, 'resources/frontend/');
  </code></pre>
  
  <p>though this is working for mixing script files it is not working for mixing less files.</p>
  
  <p>**Update 28-3-2015 **</p>
  
  <p>There seems to be no solution for my problem. When I do:</p>
  
  <pre><code>elixir.config.assetsDir = 'resources/frontend/';
  mix.less('frontend.less');
  
  elixir.config.assetsDir = 'resources/backend/';
  mix.less('backend.less');
  </code></pre>
  
  <p>Only the last one (backend) is executed. When I place the last two lines in comments the first one (frontend )is executed. It's Ok for now because the backend styles should not change very often but it would be very nice to mix multiple less files from multiple resource folders to multiple destination folders.</p>