title: Laravel 5.4 reference to Mix CSS file
body: <p>I'm trying to set up a SASS to CSS compiler via Mix (previously Elixer) in Laravel 5.4 (using <a href="https://laravel.com/docs/5.4/mix" rel="nofollow noreferrer">https://laravel.com/docs/5.4/mix</a>). Everything is working fine, it compiles and I can set up a watcher via npm, but referencing it via the <strong>views/layout/app.blade.php</strong> file, like:</p>
  
  <pre><code> &lt;link rel="stylesheet" href="{{ mix('css/app.css') }}"&gt;
  </code></pre>
  
  <p>doesn't work. In my browser, it is shown of course as:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/css/app.css"&gt;
  </code></pre>
  
  <p>It is the wrong path. It should be referencing to <a href="http://localhost/website/public/css/app.css" rel="nofollow noreferrer">http://localhost/website/public/css/app.css</a>, but changing anything in the Mix code above, generates a Laravel error.</p>
  
  <pre><code>Unable to locate Mix file: /website/public/css/app.css. 
  Please check your webpack.mix.js output paths and try again.
  </code></pre>
  
  <p>What am I doing wrong? Do I need to set a base path somewhere, is my .htaccess wrong, or..? Thank you for any answers. </p>