vue 파일 import 경로의 '@'는 어디서 설정했을까

clean·2022년 6월 9일
0

'@'는 webpack의 path alias로 절대 경로에 대한 별칭이다.

vue-cli로 설치 시 @에 대한 path alias 설정이 자동으로 되어있다. (몇버전 부터였는지는 기억이..)

이 설정은 어디서 확인할 수 있을까?

vue inspect > output.js
위 명령어를 입력하면 output.js 파일이 생성된다. 여기서 webpack 설정을 확인할 수 있다.
Vue 공식 문서 - Inspecting the Project's Webpack Config

생성된 output.js 파일을 열어보면 아래와 같이 '@'에 대한 path alias가 설정되어있는 것을 확인할 수 있다.

0개의 댓글