sourcemap 관련하여 궁금한 점이 있어 질문드립니다!
안녕하세요 캡틴판교님!!
제가 또 무엇을 잘못하였는지.. 부득이하게 질문을 드리게 되었는데욤 ㅠㅠㅋㅋ
ES6 Modules 빌드 결과물 분석 - sourcemap 강의 내용중에
개발자도구를 통해 Sources 탭에 index.html 파일을 보는 내용이 있는데욤.
강의에선 소스가 app.js로 보이는데 저는 index.html, main.bundle.js 두개의 파일로 보이더라구욤..
(이미지 파일은 좀 깨져서 잘 안보이실 거예욤! ㅠㅠ)
그래서 webpack.config.js 파일이 잘못되었는지 확인해봤는데 제눈이 이상한건지 무엇이 잘못되었는지 보이지가 않네요 ㅠㅠ
ㅜㅜ 이유를 잘 모르겠네요... 제가 뭔가 빠뜨린 것 같긴한데 말이죠..
아무튼 감사합니다 강사님!!
추가로 여담이지만 프론트엔드 웹 강의는 강사님 강의가 정말 좋은듯해요..
현업에 Vue.js, 웹팩 등 정말 도움이 많이 되고있습니다..
완강하게 되면 수강평을 좀 더 자세히 써서 올리도록 하겠습니다^^ 즐거운 하루 되세욤!
回答 2
2
안녕하세요 울룰룰랄랑님, 좋은 질문이네요 :) 이전에도 어떤 분이 동일한 증상을 겪으셨었는데 그 때는 그 분께서 로컬에 설치해놓은 기타 크롬 익스텐션과 충돌 났었던 것 같아요. 그리고 제 생각에는 소스 맵의 정상 동작을 확인하시고 싶다면 강좌 후반부에 다루는 웹팩 데브 서버(webpack-dev-server)에 소스맵을 연결해서 보시는게 좋을 것 같습니다. VSCode에서 제공하는 live-server 플러그인이 혹시 소스맵을 잘 수용하지 못할수도 있거든요 :)
제 강의에 대해서 극찬해주셔서 정말 감사합니다. 나중에 수강평 남겨주시면 꼭 챙겨서 볼게요 :)
HTMLWebpackPlugin 사용한 webpack.config.js의 빌드 결과 index.html
1
467
1
인프런 캡틴판교님 강의 들을 순서 알고 싶습니다.
1
476
2
바벨없이 import 구문을 빌드한 의도파악하기
1
511
2
chunkhash 사용
2
482
1
pm install gulp --global
1
514
1
이런질문도 괜찮나요?
1
498
1
__dirname 질문입니당
1
683
2
플러그인 관련 질문있습니다.
1
285
1
build 후 생성된 bundle.js 가 너무 간략합니다
1
1266
1
웹팩데브서버에 대해 궁금한점
1
299
1
devServer 질문
1
351
1
웹팩 로더 버전 관리
1
449
1
devDependencies와 build
1
381
1
webpack-dev-server 실행시 index.html 안쓰는 법
1
457
1
webpack-dev-server 실행 후 매번 업데이트시 console 창 기본 메세지 숨길 수 있을까요?
1
952
1
웹팩의 등장배경 관련해서 문의드립니다!
1
317
1
배포시 질문
1
285
1
--output=public/output.js 오류 문의
1
768
1
npm i vue -D 설치시 다른 여러 폴더들이 생성됩니다.
1
422
2
main.js태그
1
246
1
module 문법 질문.
1
265
1
htmlWebpackPlugin 질문
2
239
1
entry,output 파일 경로 설정 질문.
1
221
1
웹팩 이미지로더 질문
1
181
1