title: Where do I place my css files in Laravel?
body: <p>I understand I can make changes to resources/assets/sass/app.scss in my Laravel projects and the changes will be reflected after running npm run dev or npm run watch.</p>
  
  <p>But what do I do when I have a dozen .css files?  Where do I place them and how do I compile them?</p>
  
  <p>I have looked through the documentation and quite a few Laracasts videos and have not found an answer.</p>
  
  <p>The <a href="https://laravel.com/docs/5.7/mix" rel="nofollow noreferrer">documentation</a> states</p>
  
  <blockquote>
    <p>Again, like the less method, you may compile multiple Sass files into >their own respective CSS files and even customize the output directory >of the resulting CSS:</p>
    
    <p>mix.sass('resources/sass/app.sass', 'public/css')
      .sass('resources/sass/admin.sass', 'public/css/admin');</p>
  </blockquote>
  
  <p>So does this mean if I have an admin.css file I would rename it to admin.scss and place it in the sass directory?  Then behind the scenes Laravel would compile that and place it in public/css/admin? So each .css file needs to become an .scss file and I have to list each one in webpack.mix.js?</p>
  
  <p>This may be really simple but I've spent many hours trying to understand.</p>