반응형
폴더의 레벨이 깊을수록 파일을 거슬러 올라가는 앞의 코드(../)가 많이 붙게 된다.
나중에 에셋에 이미지를 넣거나 폰트 관리 시 충분히 번거로운 일이 될 수 있다.
이런부분을 이런식으로 (../) 접근하는게 아니라
웹팩의 리졸브 옵션인 @로 접근하는 방법을 사용해보자
파일이 많고 컴포넌트가 많아져서 폴더가 몇백개 늘어나면
import할때 저런 경로들이(../) 많은 코드가 필요하게되고 꽤 복잡한 구조가 나올수 있다.
그럴때 절대경로로 컴포넌트를기준으로 나머지 컴포넌트를 불러올수 있는 그런 환경으로 바꿔볼수있다.
//전
import Demo from "../../demo/basic/Demo";
//후
import Demo from "@demo/basic/Demo";
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
100. 애플리케이션 코딩 컨벤션 및 스타일 가이드 (0) | 2022.10.09 |
---|---|
99. jsconfig.json | 파일을 절대 경로로 찾기 설정 (0) | 2022.10.04 |
97. 프로젝트 레벨로 ESLint 규칙을 관리해야 하는 이유와 ESLint 규칙 설명 (0) | 2022.10.03 |
96. Prettier 플러그인 확인 및 설정할 때 주의 사항 (0) | 2022.10.03 |
95. ESLint 플로그인 설치 및 설정 변경 (0) | 2022.10.03 |