在 Vue CLI 项目中更改作用域 CSS 时如何启用热模块重新加载？

Question

我创建了一个基本的 Vue 项目（使用 Vue CLI 3），并且当使用范围属性设置 Vue 组件样式时，热重载模块功能不会应用更改。

<style lang="scss" scoped>
.component-info {
  background: #ddd;
  padding: 1em;
  margin: 1em;
  color: blue;
}
</style>

如果我从元素中删除scoped属性<style>，则在保存文件时样式将应用在浏览器中，但样式不再是组件的本地（范围）。

有什么方法可以使用 Vue 作用域样式启用 HMR 吗？