웹팩을 실행했더니 위와같은 경고가 주루룩 떴다. 찾아보니 웹팩 설정에 devtool속성을 추가하라는 것이 있어서 // webpack.config.js devtool: 'eval-cheap-source-map', 아래의 eval-cheap-source-map을 추가했다. 이걸 설정해두지 않으면 소스맵 생성을 최대한 꼼꼼하게 하는 것 같다. 그래서 eval-cheap-source-map으로 간소화 시키는 세팅을 해준것 같은데 문서를 읽어봐도 아직 소스맵을 제대로 이해하지 못해서 정확하게는 모르겠다. 조금씩 알아가야지. 무튼 저거를 설정에 넣어주고 다시 웹팩 실행했더니 깔끔해진 콘솔을 만날 수 있다. 참고 -https://stackoverflow.com/questions/61767538/devtools-fai..

Set 'mode' option to 'development' or 'production' to enable defaults for each environment. npx webpack 으로 웹팩 실행 시 위와 같은 에러가 발생했다. 파일명 오타 ^^.. 하고 다시 npx webpack 을 하는데 TS18002: The 'files' list in config file 'tsconfig.json' is empty. 라는 에러가 발생했다. 응 또 오타.. 파일명을 제대로하니 Meterial Icon 익스텐션 로고도 제 할일을 찾았고 터미널에서도 잘 작동됐다. 진짜 오타왕 이나당..