Webpacker で呼び出されるコードのデバックはどのようにすればよいのでしょうか？

具体的には以下のような流れで問題に直面しました。

こちらのQiitaの記事を参考にRails+Vue.jsの勉強をしていたのですが
https://qiita.com/naoki85/items/51a8b0f2cbf949d08b11

記事内にもある通りconfig/webpack/loaders/vue.jsにある

const extractCSS = !(inDevServer && (devServer && devServer.hmr)) || isProduction

を

const extractCSS = false

と書き換える必要がありました。

ただ元の記述も development 環境であればfalseになるように見えるのにtrueになってしまっているのが気になり
!inDevServer, !devServer, !devServer.hmrを順番にextractCSSに代入して!devServer.hmrがtrueになってしまっている事まで確認しました。

ただ、毎回このように面倒な方法を取りたくないのでrubyのbinding.pryなどのように変数の追跡を行う方法を知りたいのですが、どのように行えば良いでしょうか？