title: Tailwind not automatically updating styles without npm run build-css
body: <p>This is my first time using Tailwind and I'm stuck just setting it up.
  I'm following a course on Udemy and I've gone over every step twice but mine just isn't working like it is in the video.</p>
  <p>Styles applied with Tailwind are working but every time I add something new in, I have to use <code>npm run build-css</code> to see any of the changes.</p>
  <p>When watching the video, he'll put in a new style class and just save it then refresh the browser and the changes are there.</p>
  <p>Is there something I'm missing here?
  I've been hunting around for an answer for a while and can't find any help.</p>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;package.json&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;package.json&quot;,
    &quot;main&quot;: &quot;tailwind.config.js&quot;,
    &quot;dependencies&quot;: {
      &quot;autoprefixer&quot;: &quot;^10.4.7&quot;,
      &quot;postcss&quot;: &quot;^8.4.14&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;tailwindcss&quot;: &quot;^3.0.24&quot;
    },
    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;,
      &quot;build-css&quot;: &quot;tailwindcss build -i style.css -o css/style.css&quot;
    },
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;ISC&quot;
  }
  </code></pre>
  <p>tailwind.config.js</p>
  <pre><code>module.exports = {
    content: [&quot;./*.{html,js}&quot;],
    theme: {
      extend: {},
    },
    plugins: [],
  };
  </code></pre>
  <p>style.css</p>
  <pre><code>@tailwind base;
  @tailwind components;
  @tailwind utilities;
  </code></pre>