title: Vite MPA with Vue plugin and TailwindCSS css not showing in build
body: <p>another TailwindCSS/Vite question!</p>
  <p>I have a website created that needs to have TailwindCSS working, however when I use <code>yarn serve</code> there is no CSS, at all. If I use <code>yarn dev</code> it works perfectly. No idea why this isn't working, if anyone can help that would be great :)</p>
  <p>EDIT: More information is below:</p>
  <p>File structure:</p>
  <pre class="lang-sh prettyprint-override"><code>├── components
  ├── page1.html
  ├── page1.js
  ├── page1.vue
  ├── favicon.ico
  ├── index.css
  ├── page2.html
  ├── page2.js
  ├── page2.vue
  ├── node_modules
  ├── package.json
  ├── postcss.config.js
  ├── public
  ├── page3.html
  ├── page3.js
  ├── page3.vue
  ├── src
  ├── tailwind.config.js
  ├── vite.config.js
  └── yarn.lock
  </code></pre>
  <p>and here is my Vite config file:</p>
  <pre class="lang-js prettyprint-override"><code>import { defineConfig } from 'vite'
  import vue from '@vitejs/plugin-vue'
  import { resolve } from 'path'
  
  export default defineConfig({
    plugins: [vue()],
    build: {
      rollupOptions: {
        input: {
          page1: resolve(__dirname, './page1.html'),
          page2: resolve(__dirname, './page2.html'),
          page3: resolve(__dirname, './page3.html')
        }
      }
    }
  })
  </code></pre>
  <p>Another edit is that it used to work before, but I'm not sure what I changed to make it not show the CSS.</p>
  <p><strong>Edit 2</strong>: It got fixed, I think it was because the <code>purge</code> setting in my <code>tailwind.config.js</code> file wasn't set correctly.</p>