[Webpack] 작업 폴더 밖으로 컴파일하고싶을때 (publicPath와 outputPath)

publicPath

브라우저에서 참조될때 출력 파일의 공용 URL 주소

outputPath

컴파일 된 파일이 배치될 파일 시스템 경로

 

기본구조

현재 작업폴더
application/layout안의 dist폴더

루트가 시작하는곳 (url로 접근할 수 있는 곳)
application/www/여기서부터~

따라서 dist 폴더에서 작업하면 www 폴더 밑에 컴파일 된 파일이 위치하도록 해야함

 

문제상황

publicPath로 ../../../ 해서 작업 폴더 밖으로 컴파일을 시도하였으나 아무리 뒤로 가도 /dist 폴더 안에만 컴파일됨

 

해결방법

outputPath에서 상대경로(../../)로 설정했더니 원하는 위치로 컴파일 됨

webpack.config.js

 

파일구조