How to install an older version of tailwindCSS into a new vite project?
The new version of Tailwind CSS is 4.0.0, but it is an unfamiliar user experience. I felt it. I am using v3.4.17 , which has a lot of plugin support because it is an old version. However, Tailwind v4 provides inbuilt support for Vite projects, but since it is new, it does not support many plugins. I find this very annoying. Based on my experience, I want to explain how to successfully use an old version of Tailwind CSS with a Vite project. Why don’t we take a moment to explore the steps together, one by one? Kick off the Vite project. I have shown above how to start a Vita project using the WebStorm IDE. Otherwise, you can use these npm commands to start a project as usual. npm create vite@latest my-project -- --template react cd my-project Uninstall Tailwind CSS that came with the inbuild. As I said before, since Vite now supports Tailwind v4, we need to remove it first. So we go to the package.json file, there are devDependencies in it, we select tailwinds from the de...