title: Laravel vite config using separate tailwind.config files for admin and site
body: <p>With Laravel Mix I'm generating two different css/js files for Admin and for the main site like this:</p>
  <pre class="lang-js prettyprint-override"><code>const mix = require('laravel-mix');
  
  const tailwindcss = require('tailwindcss');
  
  mix.js('resources/js/site/app.js', 'public/js')
    .postCss('resources/css/site/app.css', 'public/css', [
      require('autoprefixer'),
      require('postcss-import'),
      tailwindcss('./tailwind.site.config.js'),
    ])
    .options({
      processCssUrls: false,
    }).version();
  
  mix.js('resources/js/admin/app.js', 'public/_admin/js')
    .postCss('resources/css/admin/app.css', 'public/_admin/css', [
      require('autoprefixer'),
      require('postcss-import'),
      tailwindcss('./tailwind.admin.config.js'),
    ])
    .options({
      processCssUrls: false,
    }).version();
  </code></pre>
  <p><strong>How can I tell vite to do the same thing ??</strong></p>
  <p>Thanks!!</p>
  <p>The default <code>vite.config.js</code> is</p>
  <pre class="lang-js prettyprint-override"><code>import { defineConfig } from 'vite';
  import laravel, { refreshPaths } from 'laravel-vite-plugin';
  
  export default defineConfig({
    plugins: [
      laravel({
        input: [
          'resources/css/app.css',
          'resources/js/app.js',
        ],
        refresh: [
          ...refreshPaths,
          'app/Http/Livewire/**',
        ],
      }),
    ],
  });
  </code></pre>