목록2020/07/13 (1)
개발블로그
babel / wepback 사용하기
Source Map 기존 코드에서 에러가 나도록 새 codeline을 추가하였습니다. 원본 소스코드에서는 7번 line에서 에러가 발생하였지만, 크롬 개발자도구는 28번째 줄이라고 말해줍니다. 이는 웹팩이 여러 파일 및 소스코드를 빌드하는 과정에서 여러 코드들이 추가되기 때문인데요, 프로젝트가 커지고 코드가 복잡해질수록 에러가 난 곳을 정확하게 찾기 힘듦니다. 이를 해결해 주는 것이 Source map인데요, 소스 맵(Source Map)이란 배포용으로 빌드한 파일과 원본 파일을 서로 연결시켜주는 기능입니다. //webpack.config.js module.exports = { ..., devtool: "cheap-module-eval-source-map", ... } souremap을 추가하게 되면, ..
웹
2020. 7. 13. 09:41