WebstormでのNuxt.jsのデバッグ
WebstormでNuxt.jsアプリケーションをデバッグする方法
WebstormでNuxt.jsアプリケーションをデバッグするには、次の手順に従います。
devtoolをeval-source-mapを使うように設定します。 Devtoolは、ソースコードのマッピングを制御するwebpackの設定です。
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {
// config.devtool = 'eval-source-map'
if (ctx.isDev && ctx.isClient) {
config.devtool = 'eval-source-map'
}
}
}
- （任意）Webstormにnpmターゲットを追加して、アプリケーションを配信します。
- JavaScriptをデバッグするためのターゲットを追加し、アプリケーションのURLを指定します。
- ブレークポイントを設定し、デバッグを開始します。
タグ：
debug