firebase webapp 개발 - 04. debugging

DevTools에서 brakepoint를 걸어 trace를 할 때는 아래와 같이 webpack.config.js 파일을 만들고 devtool 옵션을 지정한다.

 

webpack.config.js

const path = require('path');
module.exports = {
	devtool: 'eval-source-map',
	entry: "./src/index.js",
	output: {
		path:path.resolve(__dirname, 'dist'),
		filename: 'main.js'
	}
}

이 config로 다시 webpack을 실행한다.

npx webpack --config webpack.config.js

 

이제 아래와 같이 brakepoint 지정과 trace가 가능하다.