React
[React] 리액트 파일 절대경로 설정하기
solfa
2024. 2. 11. 02:21
절대경로를 설정하는 이유
import main from '../../Images/main/main.svg'
이런 식으로 ../을 무한 생성하게 되니까 여러 개 import할 땐 지저분하게 보일 수 있음!
절대경로를 설정해주면
import main from 'Images/main/main.svg'
이렇게 코드를 간단하게 줄일 수 있다!
CRA(create-react-app)에서 절대경로 설정하는 방법
1. 최상위 루트에 jsconfig.json파일을 만든다
있는 경우에는 파일 내용을 추가해주면 됨
2. 아래 내용을 추가해준다
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"],
"exclude": ["node_modules"]
}
3. 서버를 재실행(중요!!) 해주고 다시 서버를 돌린다
yarn start나 npm start로 껐다 켜줘야 오류가 안생김!!
안끄고 json파일 추가했는데 오류 자꾸 떠서 슬펐던 적이 있습니다.... 여러분들은 꼭 재실행 하시길 바라며!!!
이상 끝!
728x90