devtool上にcordovaファイルを表示する

googleお手製のdevtoolを使って今いじっているコードを表示する方法です。

cordovaファイルには、webpack.config.jsというwebpackの設定を管理するファイルが存在します。

このファイルにカッコ内ならどこでもよいので以下のように記述します。

devtool: ‘inline-source-map’,

cordovaソースコードは、素で書いたjavascriptコードと違いラッピングされているので

そのまま読もうとすると加工文字が多すぎて可読が困難なのですが、inline-source-mapを追加することで

ソースコードを人間でも読みやすい形に変換することができます。

後は、ブレークポイントを操作したりAdd Folder To Spaceでフォルダを追加したりと

目的に応じて編集してみてください。