ViteJS Config for Wordpress Theme Dev

vite.config.js

import legacy from '@vitejs/plugin-legacy'
import ViteRestart from 'vite-plugin-restart';
import 'dotenv/config'
import tailwindConfig from './tailwind.config';

// https://vitejs.dev/config/
export default ({ command }) => ({
  base: command === 'serve' ? '' : '/dist/',
  build: {
    manifest: true,
    outDir: 'wp-content/themes/themedir/dist',
    rollupOptions: {
        input: {
            app: 'src/js/app.ts', 
        },
        output: {
            entryFileNames: `assets/[name].js`,
            chunkFileNames: `assets/[name].js`,
            assetFileNames: `assets/[name].[ext]`
        }
    },
  },
  css: {
    postcss: {
        plugins: [
          require('tailwindcss')({
          config: 'tailwind.config.js'
        })
      ]
    }
  },
  plugins: [
    // vue(),
    legacy({
      targets: ['defaults', 'not IE 11']
    }),
    ViteRestart({
      reload: [
          'wp-content/themes/themedir/**/*',
          'wp-content/themes/themedir/*',
      ],
    }),
  ],
});

console.log('vite config loaded'); 
console.log( tailwindConfig.content );