웹팩 MAP 파일: js파일 작동하게 하기

webpack.config.js파일

module.exports = {
	...
	devtool: "source-map",
}

 

MAP파일은 디버깅에 필요한 파일 입니다.

JS파일을 배포할때 압축이나 난독화해서 배포하면 파일사이즈가 줄어듭니다. 이는 성능향상에는 도움이 될지는 몰라도 코드가 읽기 어려워져서 디버깅에 애로사항이 발생하죠. map파일을 사용할경우 압축된 js파일일지라도 원본 소스처럼 디버깅 가능하게 됩니다.

 

https://stackoverflowcom/questions/48047150/chrome-extension-compiled-by-webpack-throws-unsafe-eval-error이 옵션을 안쓰고 HTML에서 static\js파일을 불러오면 오류가 난다.