SMALL
npm i tailwindcss
vite.config.js
import path from "path"
import { fileURLToPath } from 'url'
import tailwindcss from "@tailwindcss/vite"
import react from "@vitejs/plugin-react"
import { defineConfig } from "vite"
const __dirname = path.dirname(fileURLToPath(import.meta.url))
export default defineConfig({
plugins: [react(), tailwindcss()],
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
})
tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: [
"./index.html",
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {
colors: {
primary: {
50: '#f0f9ff',
100: '#e0f2fe',
200: '#bae6fd',
300: '#7dd3fc',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
700: '#0369a1',
800: '#075985',
900: '#0c4a6e',
950: '#082f49',
}
}
},
},
plugins: [],
}
index.css
@import "tailwindcss";
LIST
'일반' 카테고리의 다른 글
| npm i registry 관련 404 error (0) | 2025.04.03 |
|---|---|
| apt 리스트 확인 삭제 (0) | 2025.03.26 |
| linux 파일 분할 압축 후 해제 (0) | 2025.03.26 |
| git lfs (Large File System) 설치 및 동작하기 (0) | 2025.03.25 |
| next.js vscode 성능 저하 , 속도 느림 (0) | 2025.03.19 |
