Can't find vite.config.js file after installing Tailwind CSS with Vite

[Vandana-Ss]

I installed Tailwind CSS with:

npm install tailwindcss @tailwindcss/vite

But I can’t find vite.config.js or vite.config.ts in my project. I didn’t use npm create vite@latest—just started with basic HTML/CSS/JS.

Do I need to create the config file manually? If yes, what should I add for Tailwind to work?

Thanks in advance for any help! 🙏

[wongjn]

Do I need to create the config file manually?

Yes.

If yes, what should I add for Tailwind to work?

As per the documentation:

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

Be sure to follow the other steps in the aforementioned documentation to get Tailwind working.

[Vandana-Ss]

I have created to new file vite.config.ts
But after that according to documentation I just created a style.css file and inserted @import "tailwindcss"

next step is to
Run the build process with npm run dev or whatever command is configured in your package.json file.

how do I solve this and move forward?

[wongjn]

You'd want to add a dev script to your package.json:

{
  "scripts": {
    "dev": "vite"
  }
}

See scripts documentation for details.

[Vandana-Ss]

Thank you.
closing this discussion