[vue.js] vue.config.js build할때만 public path 변경하기

vue.config.js와 관련해서 build할때 정적 자원들을 불러오기에 특별한 상위 경로를 지정해주어야 하는 경우, npm run serve해서 테스팅할때는 css,js 같은 파일을 찾을수 없음 (404)의 오류가 발생한다.
그래서 publicPath를 주석했다 안했다~ 지웠다 안지웠다 하면 개발 과정에서 기억할 것이 많아지고 그렇게 되었을 때 오류를 경험할 가능성이 높아진다. 따라서 사람이 기억하려고 하는 것이 많아졌을때는 자동으로 설정되는 환경을 마련한다던가 최대한 바꾸지 않는 방향으로 가야할것이다!!!

module.exports = {
	publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

이렇게 추가하면 npm run serve 개발용으로 작동할때는 '/'로 적용되고,
npm run build하여 프로덕션 용을로 빌드할때는 '/프로젝트 서브 경로명'이 지정된다.

출처 : https://kabkee.github.io/vue-cli/vue-cli-publicPath/