developtool上にcordovaのソースコードを表示する

  • 2021年8月16日
  • 2021年8月16日
  • Cordova

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

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

devtool: ‘inline-source-map’,

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

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

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

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

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

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG