Vite
-
[Vite] 내가 Vite를 사용해야 하는 이유카테고리 없음 2024. 9. 4. 18:12
평소 React로 프로젝트를 진행할 때 가장 많이 사용하는 번들 툴로써 그냥 간단하게 왜 필요한지 사용할 때마다 간단하게 찾아보고 넘어갔던 것 같다. 근데 포트폴리오를 작성하던 중 갑자기 이 Vite라는 것을 내가 왜 사용하는지에 대한 의문에 정확히 답을 못하는 자신을 보고서 사용해야하는 이유 즉 강점에 대해서 한 번 확실하게 분석을 해보고자 생각이 들어서 글을 작성하게 되었다. 💻 Vite의 등장 배경 📦이런 문제점이 있었어요1. ESM이란 무엇인가?ES6에서 도입된 모듈 시스템으로 import, export를 사용해서 자바스크립트 파일을 서로 접근하게 해준다.초기 자바스크립트는 독립적으로 작업을 수행하며, 큰 스크립트가 없었지만 jQuery가 등장하면서 어플리케이션의 규모도 커지고, scrip..
-
[Vite] 절대경로 설정프로그래밍/React 2024. 1. 3. 14:14
Vite + Typescript 를 사용한 프로젝트에서 절대경로를 설정하는 방법 tsconfg.json 과 vite.config.json 모두 고쳐줘야한다. >tsconfig.json { "compilerOptions": { "baseUrl": "src", ... "path": { "pages/*": ["pages/*"], "components/*": ["components/*"], } } 아래의 설정을 하지 않아서 경로를 제대로 찾지 못하는 에러가 발생했었음. import { defineConfig } from "vite"; import react from "@vitejs/plugin-react-swc"; // https://vitejs.dev/config/ export default defineCon..