日々精進

新しく学んだことを書き留めていきます

webpackでビルドしたソースコードをデバッグ実行可能にする

webpackでビルドしたjsファイルはデバッグし辛くて困っていた。 source mapを生成すればconcat前のjsファイル単位でDevToolから開けるし、Breakpointも置ける。神か。 source mapを生成する方法は、webpack.config.jsに以下を追加するだけ。

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

デバッグが超快適にnなりました。

参考: qiita.com

stackoverflow.com