質問: 'source-map'; ``` chrome://inspectの画面上でVueのソースファイルを表示させる方法、または他のやり方でブレークポイントを張ってデバッグする方法をご存知の方がいらっしゃいましたら、やり方を教えて頂きたいのですが。 よろしくお願いいたします。
回答: Monacaサポートより以下のご回答をいただき、解決することができました。 > > 「Onsen UI+Vue」テンプレートに設定されているWebpackにつきましては、 > > Monacaデバッガー用に行われるトランスパイル(ビルド)は、 > > 「production」モードで行われます。 > > そのため、Monacaデバッガーを使用してUSBデバッグを行う場合は、 > > 対象プロジェクトの「webpack.config.js」の「production」モード処理に、 > > 下記の設定を行うことで、インスペクターにソースコードを表示させることができます。 > > ■設定内容: > > webpackConfig.devtool = 'inline-source-map'; > > (「onsenui-v2-vue-minimum」テンプレートの場合は、 > > 「158行目」の「else」内に設定します。) > > 初期設定では、「production」モード処理には、 > > 上記の設定は記載されていないため、開発者側で記載していただき、 > > 手動でトランスパイル(ビルド)を行なっていただくか、 > > 再度、対象プロジェクトを開き直していただく必要があります。 > > >