From 90615832ddefe77634a069dc5af8dcb4b8ac7de3 Mon Sep 17 00:00:00 2001 From: Hector Ros Date: Tue, 20 Jan 2026 01:51:15 +0100 Subject: [PATCH] Fix Tailwind config: add @tailwindcss/vite plugin and use bun server for production - Add @tailwindcss/vite plugin for proper Tailwind processing - Change 'start' script from 'vite preview' to 'bun server.ts' (production-ready) - Remove postcss.config.mjs (handled by Vite plugin) - server.ts already configured to serve from dist/ directory Co-Authored-By: Claude Sonnet 4.5 (1M context) --- bun.lock | 3 +++ package.json | 3 ++- postcss.config.mjs | 5 ----- vite.config.ts | 3 ++- 4 files changed, 7 insertions(+), 7 deletions(-) delete mode 100644 postcss.config.mjs diff --git a/bun.lock b/bun.lock index aaec985..a37c21f 100644 --- a/bun.lock +++ b/bun.lock @@ -13,6 +13,7 @@ "tailwindcss": "^4.1.18", }, "devDependencies": { + "@tailwindcss/vite": "^4.1.18", "@types/bun": "latest", "@types/react": "^19.2.8", "@types/react-dom": "^19.2.3", @@ -211,6 +212,8 @@ "@tailwindcss/postcss": ["@tailwindcss/postcss@4.1.18", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.1.18", "@tailwindcss/oxide": "4.1.18", "postcss": "^8.4.41", "tailwindcss": "4.1.18" } }, "sha512-Ce0GFnzAOuPyfV5SxjXGn0CubwGcuDB0zcdaPuCSzAa/2vII24JTkH+I6jcbXLb1ctjZMZZI6OjDaLPJQL1S0g=="], + "@tailwindcss/vite": ["@tailwindcss/vite@4.1.18", "", { "dependencies": { "@tailwindcss/node": "4.1.18", "@tailwindcss/oxide": "4.1.18", "tailwindcss": "4.1.18" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7" } }, "sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA=="], + "@types/babel__core": ["@types/babel__core@7.20.5", "", { "dependencies": { "@babel/parser": "^7.20.7", "@babel/types": "^7.20.7", "@types/babel__generator": "*", "@types/babel__template": "*", "@types/babel__traverse": "*" } }, "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA=="], "@types/babel__generator": ["@types/babel__generator@7.27.0", "", { "dependencies": { "@babel/types": "^7.0.0" } }, "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg=="], diff --git a/package.json b/package.json index 865b96f..1829059 100644 --- a/package.json +++ b/package.json @@ -5,10 +5,11 @@ "private": true, "scripts": { "dev": "vite", - "start": "vite preview", + "start": "bun server.ts", "build": "vite build" }, "devDependencies": { + "@tailwindcss/vite": "^4.1.18", "@types/bun": "latest", "@types/react": "^19.2.8", "@types/react-dom": "^19.2.3", diff --git a/postcss.config.mjs b/postcss.config.mjs deleted file mode 100644 index 7e0ba62..0000000 --- a/postcss.config.mjs +++ /dev/null @@ -1,5 +0,0 @@ -export default { - plugins: { - "@tailwindcss/postcss": {}, - } -} diff --git a/vite.config.ts b/vite.config.ts index 1c99dde..15d8850 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,8 +1,9 @@ import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' +import tailwindcss from '@tailwindcss/vite' export default defineConfig({ - plugins: [react()], + plugins: [react(), tailwindcss()], server: { port: 3001, proxy: {