vue-cli-service serve してもデフォルトではCSSのSourceMapが無効になっていたので、有効化してみます。

方法

プロジェクトのルートディレクトリに以下のファイルを追加

vue.config.js

以下の内容を記述

vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      css: {
        sourceMap: true,
      },
      postcss: {
        sourceMap: true,
      }
    }
  }
}

確認

Before

After

参考

https://cli.vuejs.org/config/#css-sourcemap

以上