configuration resolve has an unknown property 'root' path 해결 방법

만약

webpack.config.js 파일에서

경로 작성시 불편함을 해소 하기 위해

resolve: {
    root: path.resolve('./src')
},

위와 같은 코드를 사용후

configuration resolve has an unknown property 'root' path 

라는 메세지가 나오며 build할대 에러가 난다면

https://webpack.js.org/guides/migrating/

이곳을 참고 하자

resolve: {
    alias: {
        Components: path.resolve(__dirname, 'src/components/'),
        Containers: path.resolve(__dirname, 'src/containers/')
    }
},

이런식으로 alias를 추가해주고 추가한 별칭으로 경로를 사용하면 해결이 된다.

resolve문제인지 모르고 오전내내 삽질하다가

프로젝트를 처음부터 싹 밀어버리고 다시 하나씩 추가해가면서 빌드를 하던중

resolve 문제인걸 알고 한참동안 찾았다.

문서는 항상 진즉에 읽어보도록 하자

webpack1 에서 webpack2로 마이그레이션 되면서

바뀐 부분이 정말 너무 많다;;; 

지금 보고 있는 강좌가 webpack1 일때 작성되었던 강좌라 

설정방법들이 조금씩 다르다.

따로 가르쳐주는 사람이 없으니 정말 맨땅에 헤딩하면서 공부 하는데 

재밌긴 한데 어렵기도 하다.