인프런 커뮤니티 질문&답변
작성한 질문수
절대경로 설정방법
작성
·
259
3
강의에서 알려주신 vscode의 setting.json을 통한 설정방법과 아래의 vue.config.js 의 설정하는 방식의 차이가 있을까요?
configureWebpack: {
resolve: {
alias: {
'@': path.join(__dirname, 'src/'),
},
},
},
나중에 빌드나 서버에 배포를 했을 때 차이가 있는지 등등 어떤 차이가 있는지 궁금합니다.
답변 3
1
장기효(캡틴판교)
지식공유자
네 맞습니다 :) configureWebpack 이라는 설정은 뷰 내부적으로 webpack merge라는 라이브러리를 이용해서 웹팩 설정을 확장 적용합니다. 관심 있으시면 아래 자료 한번 살펴보세요 :)
https://joshua1988.github.io/webpack-guide/advanced/webpack-merge.html#webpack-merge
1
1
장기효(캡틴판교)
지식공유자
안녕하세요 silqwer님, 굉장히 좋은 질문이네요 :) 답변 드릴게요.
setting.json은 VSCode 설정 파일입니다. VSCode의 파일 경로 설정은 VSCode가 해당 파일을 인식하는데 필요한 설정입니다. 그리고 지금 위에 첨부해주신 웹팩 설정은 웹팩에서 필요한 설정입니다. 웹팩은 프런트엔드 빌드 도구로 뷰 CLI 프로젝트를 생성했을 때 기본적으로 포함되어 있습니다 :)