Vite기반 React 프로젝트에서 emotion 설정하기
·
Frontend/React
vite 기반 react + ts 프로젝트에서 emotion.js 설정하는 방법 🔶 emotion 관련 라이브러리 설치 yarn add @emotion/react @emotion/styled yarn add --dev @emotion/babel-plugin 🔶 vite.config.js 수정import { defineConfig } from "vite";import react from "@vitejs/plugin-react";import tsconfigPaths from "vite-tsconfig-paths";// https://vitejs.dev/config/export default defineConfig({ plugins: [ react({ jsxImportSource: "@em..
Vite React 프로젝트 path alias 설정하기
·
Frontend/전체
Vite를 이용해 React와 TypeScript를 기반으로 한 프로젝트 환경에서 path alias 설정하는 방법 🔶 vite-tsconfig-paths 설치 & 플러그인 추가yarn add -D vite-tsconfig-paths vite.config.ts 파일에 tsconfigPaths 플러그인 추가하기import { defineConfig } from "vite";import react from "@vitejs/plugin-react";import tsconfigPaths from "vite-tsconfig-paths";// https://vitejs.dev/config/export default defineConfig({ plugins: [react(), tsconfigPaths()],});..