HMR broken when using css module with src

[Allenice]

Version

13.0.2

Reproduction link

https://github.com/MMF-FE/vue-typescript/tree/develop/example

Steps to reproduce

add vue component like this

<template>
    <div :class="$style.viewHome">
        <h1>Hello</h1>
    </div>
</template>

<style src="./home.scss" lang="scss" module></style>

.view-home {
  color: red;
}

change the color

.view-home {
  color: green;
}

What is expected?

When I change the text color, It should hot reload.

What is actually happening?

HMR not work

---

When I use inline style, HMR work.

<template>
    <div :class="$style.viewHome">
        <hello name="Vue-Typescript"></hello>
        <router-link to="product">Product</router-link>
    </div>
</template>

<style lang="scss" module>
  .view-home {
    color: red;
  }
</style>

[Allenice]

When I debug, I found that this line is the point: https://github.com/vuejs/vue-loader/blob/master/lib/loader.js#L185. It should change like this:

var requirePath = style.src
    ? getRequireForImportString('styles', style, style.scoped)
    : getRequireString('styles', style, i, style.scoped)