React

[Vite] Vite에서 절대경로(absolute path) Alias 사용하기

2023. 7. 19. 22:23
728x90
반응형

Vite에서 절대경로로 Alias를 사용하려면 vite.config.js의 resolve.alias를 추가해 주어야 한다.

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path';
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src')
}
},
})

 

import는 아래와 같이 할 수 있다.

//test.js
alert('import!')
import "@/css/test"
...

import 결과

 

alias옵션의 자세한 옵션들은 아래를 참고하자

 

참고

https://ko.vitejs.dev/config/shared-options.html#resolve-alias

 

Vite

Vite, 차세대 프런트엔드 개발 툴

ko.vitejs.dev

 

728x90
반응형

'React' 카테고리의 다른 글

[Vite] Failed to load module script: Expected a JavaScript module 오류 해결  (0) 2024.04.11
[react] Dynamic Import (lazy) 의 Rule  (0) 2023.02.02
[React] react state에 object 사용하기, reat state object not udpate 해결하기  (0) 2022.11.01
[React] React에서 절대경로 사용하기  (1) 2022.09.23
react-redux  (0) 2021.07.26
'React' 카테고리의 다른 글
  • [Vite] Failed to load module script: Expected a JavaScript module 오류 해결
  • [react] Dynamic Import (lazy) 의 Rule
  • [React] react state에 object 사용하기, reat state object not udpate 해결하기
  • [React] React에서 절대경로 사용하기
우주유령
우주유령
우주유령
우주
우주유령
전체
오늘
어제
반응형
  • 분류 전체보기 (131)
    • javascript (28)
    • java (26)
    • Web (16)
    • React (7)
    • SQL (2)
    • Spring (20)
    • IntelliJ (6)
    • JSP (1)
    • Notion (1)
    • VScode (8)
    • Vue (3)
    • css (1)
    • tistory (1)
    • jpa (8)
    • 책 (1)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

최근 글

hELLO · Designed By 정상우.
우주유령
[Vite] Vite에서 절대경로(absolute path) Alias 사용하기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.