fix: tailwindcss🤝vite config

TalismanSociety · Dec 6, 2024 · 5528b39 · 5528b39
1 parent c795721
commit 5528b39
Show file tree

Hide file tree

Showing 4 changed files with 125 additions and 62 deletions.
diff --git a/apps/portal/package.json b/apps/portal/package.json
@@ -124,13 +124,15 @@
     "@types/react-infinite-scroller": "^1.2.3",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
     "dotenv": "^16.3.1",
     "eslint": "^9.2.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-storybook": "^0.6.15",
+    "postcss": "^8.4.49",
     "prop-types": "^15.8.1",
     "storybook": "^7.6.5",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^3.4.16",
     "typescript": "^5.6.3",
     "vite": "^6.0.1",
     "vite-plugin-node-polyfills": "^0.22.0",

diff --git a/apps/portal/postcss.config.js b/apps/portal/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/apps/portal/vite.config.ts b/apps/portal/vite.config.ts
@@ -1,7 +1,6 @@
 import path from 'path'
 
 import react from '@vitejs/plugin-react'
-import tailwindcss from 'tailwindcss'
 import { defineConfig } from 'vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import svgr from 'vite-plugin-svgr'
@@ -13,11 +12,6 @@ export default defineConfig({
     // getting dev error without this setting
     exclude: ['node_modules/.vite/deps'],
   },
-  css: {
-    postcss: {
-      plugins: [tailwindcss()],
-    },
-  },
   plugins: [
     react({
       jsxImportSource: '@emotion/react',