title: How to add a style.css to React/Laravel app?
body: <p>I'm building a React/Laravel app. However, when I tried to style the layout, I found that I cannot edit in <code>public/css/app.css</code> since every time I run the <code>npm run dev</code> command, the changes I've made disappear from the <code>app.css</code>. </p>
  
  <p>Therefore, I created a <code>style.css</code> but I was confused about whether I should put the <code>style.css</code> into the <code>public</code> folder or <code>resources</code> folder. Moreover, after looking at Laravel docs, this <a href="https://laravel.com/docs/6.x/mix#plain-css" rel="nofollow noreferrer">link</a> said that I should add a code to <code>webpack.mix.js</code>. So here's what I wrote</p>
  
  <pre><code>.styles('public/css/style.css', 'public/css/all.css');
  </code></pre>
  
  <p>adding this to the last part of the whole code:</p>
  
  <pre><code>mix.react('resources/js/app.js', 'public/js')
     .sass('resources/sass/app.scss', 'public/css')
     .styles('public/css/style.css', 'public/css/all.css');
  </code></pre>
  
  <p>After running <code>npm run dev</code>, I refreshed the page and the page is still not showing the changes from <code>style.css</code>.</p>
  
  <p>Here is my repo: <a href="https://github.com/kikidesignnet/hotelreviews" rel="nofollow noreferrer">https://github.com/kikidesignnet/hotelreviews</a> and my website which I'm editing: <a href="http://immense-beach-76879.herokuapp.com/" rel="nofollow noreferrer">http://immense-beach-76879.herokuapp.com/</a></p>
  
  <p>What am I missing?</p>