Issues/Webpack 썸네일형 리스트형 [Webpack] 작업 폴더 밖으로 컴파일하고싶을때 (publicPath와 outputPath) publicPath 브라우저에서 참조될때 출력 파일의 공용 URL 주소 outputPath 컴파일 된 파일이 배치될 파일 시스템 경로 기본구조 현재 작업폴더 application/layout안의 dist폴더 루트가 시작하는곳 (url로 접근할 수 있는 곳) application/www/여기서부터~ 따라서 dist 폴더에서 작업하면 www 폴더 밑에 컴파일 된 파일이 위치하도록 해야함 문제상황 publicPath로 ../../../ 해서 작업 폴더 밖으로 컴파일을 시도하였으나 아무리 뒤로 가도 /dist 폴더 안에만 컴파일됨 해결방법 outputPath에서 상대경로(../../)로 설정했더니 원하는 위치로 컴파일 됨 [Webpack] 렌더링된 image url이 base64로 나올때 문제상황 scss 소스 상에서는 상대경로로 작성한 이미지파일 경로가 개발자도구에서는 base64로 나오는 상황 [scss] 상대경로로 작성 [개발자도구] base64로 변환되어있음 해결방법 webpack.config.js 파일에서 limit을 수정해줘야 한다. limit 보다 작은 파일은 base64로 변환하고 큰 파일은 그대로 보여주기 때문! limit이 원래는 10000 이었는데 1로 수정해주고 npm run watch 다시 돌려주니 정상적으로 작동하였다. 이전 1 다음
