몽땅뚝딱 개발자

[Vue.js] source-map 본문

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] 탭에서 확인가능)

 

 

'Development > Vue.js' 카테고리의 다른 글

[Vue.js/라이브러리] lodash 사용해보기(1) - Array  (0) 2021.07.20
[Vue.js] 웹팩의 주요 속성 4가지  (0) 2021.07.16
[Vue.js] 바벨  (0) 2021.07.13
[Vue.js] 웹팩  (0) 2021.07.12
[Vue.js] NPM  (0) 2021.07.11
Comments