Development/Vue.js

[Vue.js] source-map

레오나르도 다빈츠 2021. 7. 14. 22:35

출처

 

프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의

1000명이 선택한 웹팩 강의. 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :), 약 1000명이 선택한 쉽게 배우는 웹팩의 리뉴얼 강좌입니다. 더 쉽

www.inflearn.com

 


 

◽ devtool: 'source-map'

// webpack.config.js
devtool: 'source-map'

 

◽ mode: production

// webpack.config.js
// 코드가 난독화 된다.
mode: 'production'

 

◽ 원본 코드 확인하기

콘솔이나 에러문에서 연결된 소스파일을 클릭하면, 발생한 원본 코드를 확인할 수 있다.

(코드를 연결해주는 것, [Source] 탭에서 확인가능)