From cfc6ef2bf97a35a6a7c5e56c8e2b27b107f5973e Mon Sep 17 00:00:00 2001 From: Shibo Lyu Date: Thu, 24 Apr 2025 02:06:55 +0800 Subject: [PATCH] chore: Replace @tailwindcss/postcss with @tailwindcss/vite. --- package.json | 2 +- pnpm-lock.yaml | 35 +++++++++++++++-------------------- postcss.config.js | 5 ----- vite.config.ts | 3 ++- 4 files changed, 18 insertions(+), 27 deletions(-) delete mode 100644 postcss.config.js diff --git a/package.json b/package.json index e6019a6..679cbbf 100644 --- a/package.json +++ b/package.json @@ -19,8 +19,8 @@ "@sveltejs/adapter-auto": "^6.0.0", "@sveltejs/kit": "^2.20.7", "@sveltejs/vite-plugin-svelte": "^5.0.3", - "@tailwindcss/postcss": "^4.1.4", "@tailwindcss/typography": "^0.5.16", + "@tailwindcss/vite": "^4.1.4", "@types/eslint": "^9.6.1", "eslint": "^9.25.1", "eslint-config-prettier": "^10.1.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 10e6ab7..c4a7720 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -81,12 +81,12 @@ importers: '@sveltejs/vite-plugin-svelte': specifier: ^5.0.3 version: 5.0.3(svelte@5.28.2)(vite@6.3.2(jiti@2.4.2)(lightningcss@1.29.2)) - '@tailwindcss/postcss': - specifier: ^4.1.4 - version: 4.1.4 '@tailwindcss/typography': specifier: ^0.5.16 version: 0.5.16(tailwindcss@4.1.4) + '@tailwindcss/vite': + specifier: ^4.1.4 + version: 4.1.4(vite@6.3.2(jiti@2.4.2)(lightningcss@1.29.2)) '@types/eslint': specifier: ^9.6.1 version: 9.6.1 @@ -135,10 +135,6 @@ importers: packages: - '@alloc/quick-lru@5.2.0': - resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==} - engines: {node: '>=10'} - '@ampproject/remapping@2.3.0': resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==} engines: {node: '>=6.0.0'} @@ -781,14 +777,16 @@ packages: resolution: {integrity: sha512-p5wOpXyOJx7mKh5MXh5oKk+kqcz8T+bA3z/5VWWeQwFrmuBItGwz8Y2CHk/sJ+dNb9B0nYFfn0rj/cKHZyjahQ==} engines: {node: '>= 10'} - '@tailwindcss/postcss@4.1.4': - resolution: {integrity: sha512-bjV6sqycCEa+AQSt2Kr7wpGF1bOZJ5wsqnLEkqSbM/JEHxx/yhMH8wHmdkPyApF9xhHeMSwnnkDUUMMM/hYnXw==} - '@tailwindcss/typography@0.5.16': resolution: {integrity: sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==} peerDependencies: tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1' + '@tailwindcss/vite@4.1.4': + resolution: {integrity: sha512-4UQeMrONbvrsXKXXp/uxmdEN5JIJ9RkH7YVzs6AMxC/KC1+Np7WZBaNIco7TEjlkthqxZbt8pU/ipD+hKjm80A==} + peerDependencies: + vite: ^5.2.0 || ^6 + '@types/cookie@0.6.0': resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==} @@ -2100,8 +2098,6 @@ packages: snapshots: - '@alloc/quick-lru@5.2.0': {} - '@ampproject/remapping@2.3.0': dependencies: '@jridgewell/gen-mapping': 0.3.8 @@ -2567,14 +2563,6 @@ snapshots: '@tailwindcss/oxide-win32-arm64-msvc': 4.1.4 '@tailwindcss/oxide-win32-x64-msvc': 4.1.4 - '@tailwindcss/postcss@4.1.4': - dependencies: - '@alloc/quick-lru': 5.2.0 - '@tailwindcss/node': 4.1.4 - '@tailwindcss/oxide': 4.1.4 - postcss: 8.5.3 - tailwindcss: 4.1.4 - '@tailwindcss/typography@0.5.16(tailwindcss@4.1.4)': dependencies: lodash.castarray: 4.4.0 @@ -2583,6 +2571,13 @@ snapshots: postcss-selector-parser: 6.0.10 tailwindcss: 4.1.4 + '@tailwindcss/vite@4.1.4(vite@6.3.2(jiti@2.4.2)(lightningcss@1.29.2))': + dependencies: + '@tailwindcss/node': 4.1.4 + '@tailwindcss/oxide': 4.1.4 + tailwindcss: 4.1.4 + vite: 6.3.2(jiti@2.4.2)(lightningcss@1.29.2) + '@types/cookie@0.6.0': {} '@types/eslint@9.6.1': diff --git a/postcss.config.js b/postcss.config.js deleted file mode 100644 index c5c819c..0000000 --- a/postcss.config.js +++ /dev/null @@ -1,5 +0,0 @@ -export default { - plugins: { - '@tailwindcss/postcss': {}, - } -}; diff --git a/vite.config.ts b/vite.config.ts index 37b6a84..714e916 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,8 +1,9 @@ import { sveltekit } from '@sveltejs/kit/vite'; +import tailwindcss from '@tailwindcss/vite'; import { defineConfig } from 'vitest/config'; export default defineConfig({ - plugins: [sveltekit()], + plugins: [tailwindcss(), sveltekit()], test: { include: ['src/**/*.{test,spec}.{js,ts}'] }