title: How to enable JIT(Just in time mode) with create react app?
body: <p>I tried setting up the JIT in create-react-app by myself but it doesn't seem to be working as in the styles are not getting updated. I am using craco to build the app with tailwind css and also added TAILWIND mode=WATCH as they suggested to make it work with most builds . Here are my configs:</p>
  <p><strong>tailwind.config.js</strong></p>
  <pre><code>module.exports = {
  mode: &quot;jit&quot;,
  purge: [&quot;./src/**/*.{js,jsx,ts,tsx}&quot;, &quot;./public/index.html&quot;],
  darkMode: false, // or 'media' or 'class'
  theme: {
      extend: {
          colors: {
              primary: &quot;#ffa500&quot;,
              secondary: {
                  100: &quot;#E2E2D5&quot;,
                  200: &quot;#888883&quot;,
              },
          },
      },
  },
  variants: {
      extend: {
          opacity: [&quot;disabled&quot;],
      },
  },
  plugins: [],};
  </code></pre>
  <p><strong>package.json scripts</strong></p>
  <pre><code>    &quot;scripts&quot;: {
      &quot;start&quot;: &quot; craco start&quot;,
      &quot;build&quot;: &quot;TAILWIND_MODE=watch craco build&quot;,
      &quot;test&quot;: &quot;craco test&quot;,
      &quot;server&quot;: &quot;nodemon ./server/server.js&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
  },
  </code></pre>
  <p><strong>package.json devDependencies</strong></p>
  <pre><code>&quot;devDependencies&quot;: {
      &quot;autoprefixer&quot;: &quot;^9.8.6&quot;,
      &quot;postcss&quot;: &quot;^7.0.36&quot;,
      &quot;tailwindcss&quot;: &quot;npm:@tailwindcss/postcss7-compat@^2.2.4&quot;
  },
  </code></pre>
  <p>I'll be glad if I could get any way to fix this .</p>